/* AMAADOR header unify (header-unify-hse r1, 2026-10-24). One canonical AMAADOR SELFSERVICE header + footer for pages that had their own:
   /insights/ (purple "A" header) and the Morocco Legal Register pages. Header rules are the paid-packs (pr-head) header rules of restyle-20261024c, verbatim,
   with the tokens re-scoped to .pr-head / .uh-foot so no page-level class is needed. Everything is gated by html.uh-on, which the script sets
   only after it has built the new header; without the script the original header stays visible. Presentation only: no payment, tracking or network logic. */
@import url('https://fonts.googleapis.com/css2?family=Inter+Tight:wght@500;600;700;800&family=Inter:wght@400;500;600;700&family=IBM+Plex+Sans+Arabic:wght@400;500;600;700&display=swap');
.pr-head,.uh-foot{
  --pr-bg:#FFFCF7;--pr-bg2:#F7EFE3;--pr-soft:#EAF5F3;--pr-card:#FFFFFF;--pr-hair:#E9E0D2;--pr-strong:#D6CBB9;
  --pr-ink:#1D1D1F;--pr-ink2:#424245;--pr-muted:#6E6A63;--pr-accent:#00777A;--pr-deco:#00A6A6;--pr-on:#FFFFFF;
  --pr-gold:#B8860B;--pr-gold-text:#7A5A06;--pr-gold-bg:rgba(184,134,11,.10);--pr-gold-line:rgba(184,134,11,.45);
  --pr-head-bg:rgba(255,252,247,.86);--pr-shadow:0 1px 2px rgba(15,18,21,.05),0 16px 40px -12px rgba(15,18,21,.12);
  --pr-d:"Inter Tight","Inter",system-ui,-apple-system,"Segoe UI",sans-serif;--pr-b:"Inter",system-ui,-apple-system,"Segoe UI",sans-serif;--pr-ar:"IBM Plex Sans Arabic","Noto Sans Arabic","Segoe UI",Tahoma,sans-serif}
html[data-theme=dark] .pr-head,html[data-theme=dark] .uh-foot{
  --pr-bg:#0F1215;--pr-bg2:#181C20;--pr-soft:#15282A;--pr-card:#181C20;--pr-hair:#2A3036;--pr-strong:#3A424A;
  --pr-ink:#F5F5F7;--pr-ink2:#C9CDD1;--pr-muted:#9AA3AB;--pr-accent:#2DD4C8;--pr-deco:#2DD4C8;--pr-on:#0F1215;
  --pr-gold:#E3C462;--pr-gold-text:#E3C462;--pr-gold-bg:rgba(227,196,98,.12);--pr-gold-line:rgba(227,196,98,.45);
  --pr-head-bg:rgba(15,18,21,.82);--pr-shadow:0 24px 60px -20px rgba(0,0,0,.7)}
/* the original header/footer stay in the DOM (script marks them .uh-old) and are hidden only once the canonical ones exist */
html.uh-on .uh-old{display:none!important}
html.uh-on{scroll-padding-top:88px}
.pr-head{position:sticky;top:0;z-index:60;padding:10px 12px 0;font-family:var(--pr-b)}
html[lang=ar] .pr-head{font-family:var(--pr-ar)}
.pr-bar{position:relative;display:flex;align-items:center;gap:10px;max-width:1480px;margin:0 auto;min-height:60px;padding:6px 14px;background:var(--pr-head-bg);-webkit-backdrop-filter:saturate(1.4) blur(16px);backdrop-filter:saturate(1.4) blur(16px);border:1px solid var(--pr-hair);border-radius:18px;box-shadow:var(--pr-shadow)}
.pr-brand{display:flex;align-items:baseline;gap:8px;flex:none;text-decoration:none;color:var(--pr-ink);min-height:44px;align-items:center;direction:ltr}
.pr-brand strong{font:800 1.12rem/1 var(--pr-d);letter-spacing:.02em;color:var(--pr-ink)}
.pr-brand span{font:700 .68rem/1 var(--pr-b);letter-spacing:.18em;color:var(--pr-accent)}
.pr-nav{display:flex;align-items:center;gap:2px;flex:1 1 auto;min-width:0;justify-content:center}
.pr-link,.pr-recover,.pr-sites-btn{display:inline-flex;align-items:center;gap:6px;min-height:40px;padding:6px 10px;border:1px solid transparent;border-radius:10px;background:transparent;color:var(--pr-ink2);font:600 .84rem/1.2 inherit;font-family:inherit;white-space:nowrap;text-decoration:none;cursor:pointer}
.pr-link:hover,.pr-recover:hover,.pr-sites-btn:hover{background:var(--pr-soft);color:var(--pr-ink)}
.pr-premium{color:var(--pr-gold-text);background:var(--pr-gold-bg);border-color:var(--pr-gold-line);border-radius:999px;font-weight:700}
.pr-premium:hover{background:var(--pr-gold-bg);color:var(--pr-gold-text);filter:brightness(.97)}
.pr-kits{color:var(--pr-accent);background:var(--pr-soft);border-color:color-mix(in srgb,var(--pr-accent) 35%,transparent);border-radius:999px;font-weight:700}
.pr-kits:hover{color:var(--pr-accent)}
.pr-recover{border-color:var(--pr-hair);background:var(--pr-card);margin-inline-start:4px}
.pr-recover:hover{border-color:var(--pr-accent);color:var(--pr-accent)}
.pr-sites{position:relative}
.pr-caret{font-size:.7em}
.pr-sites-pop{display:none;position:absolute;inset-inline-end:0;top:calc(100% + 10px);width:min(360px,86vw);padding:12px;background:var(--pr-card);border:1px solid var(--pr-hair);border-radius:16px;box-shadow:var(--pr-shadow);z-index:3}
.pr-sites-open .pr-sites-pop{display:block}
.pr-sites-kick{margin:0 4px 8px;font:700 .7rem/1 var(--pr-b);letter-spacing:.14em;text-transform:uppercase;color:var(--pr-muted)}
html[lang=ar] .pr-sites-kick{letter-spacing:0;text-transform:none;font-size:.8rem}
.pr-site{display:flex;gap:10px;align-items:flex-start;padding:10px;border-radius:12px;text-decoration:none;color:var(--pr-ink);min-height:44px}
.pr-site:hover{background:var(--pr-soft)}
.pr-dot{flex:none;width:10px;height:10px;margin-top:6px;border-radius:50%;background:var(--pr-deco)}
.pr-site-opex .pr-dot{background:var(--pr-gold)}
.pr-site-name{display:block;font-weight:700;font-size:.9rem}
.pr-site-line{display:block;margin-top:2px;font-size:.78rem;line-height:1.4;color:var(--pr-muted);white-space:normal}
.pr-ctl{display:flex;align-items:center;gap:8px;flex:none;margin-inline-start:auto}
.pr-lang{display:flex;border:1px solid var(--pr-hair);border-radius:12px;overflow:hidden;background:var(--pr-card)}
.pr-lang-a{display:inline-flex;align-items:center;justify-content:center;min-width:40px;min-height:40px;padding:0 8px;font:700 .78rem/1 var(--pr-b);color:var(--pr-ink2);text-decoration:none;direction:ltr}
.pr-lang-a:hover{background:var(--pr-soft)}
.pr-lang-a[aria-current]{background:var(--pr-soft);color:var(--pr-accent)}
.pr-lang-m{display:none}
.pr-theme,.pr-menu{display:inline-flex;align-items:center;justify-content:center;min-width:44px;min-height:44px;border:1px solid var(--pr-hair);border-radius:12px;background:var(--pr-card);color:var(--pr-ink);font:600 .86rem/1 inherit;font-family:inherit;cursor:pointer}
.pr-theme{font-size:1.1rem}
.pr-theme:hover,.pr-menu:hover{border-color:var(--pr-accent);color:var(--pr-accent)}
.pr-menu{display:none;padding:0 14px}
.pr-link:focus-visible,.pr-recover:focus-visible,.pr-menu:focus-visible,.pr-theme:focus-visible,.pr-lang-a:focus-visible,.pr-sites-btn:focus-visible,.pr-brand:focus-visible,.pr-site:focus-visible{outline:3px solid var(--pr-accent);outline-offset:2px}

/* on desktop the two generic homepage anchors (workspace, help) leave the inline row; both stay in the footer and in the menu below 1281 */
/* r2: workspace + help stay in the inline header row on desktop */
/* compact desktop (1281-1500): tighter links so the whole row fits */
@media (min-width:1281px){.pr-link,.pr-recover,.pr-sites-btn{padding-inline:7px;font-size:.8rem}.pr-bar{gap:6px;padding-inline:10px}}
@media (min-width:1281px) and (max-width:1759px){.pr-brand span{display:none}.pr-link,.pr-recover,.pr-sites-btn{padding-inline:6px}.pr-recover .pr-arrow{display:none}.pr-lang-a{min-width:34px;padding:0 6px}
  /* r2: Workspace + Help stay inline, so the AMAADOR sites dropdown shows only its caret here (its text is visually hidden, aria-label carries the name) */
  .pr-sites-btn>span:first-child{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}.pr-sites-btn{min-width:40px;justify-content:center;padding-inline:8px}.pr-caret{font-size:.9em}}
@media (min-width:1600px){.pr-bar{max-width:1640px}}
@media (min-width:1281px) and (max-width:1370px){.pr-link,.pr-recover,.pr-sites-btn{padding-inline:5px;font-size:.76rem}.pr-nav{gap:0}.pr-recover .pr-arrow{display:none}.pr-bar{gap:12px;padding-inline:6px}.pr-ctl{gap:5px}.pr-theme{min-width:40px}.pr-lang-a{min-width:32px;padding:0 5px}}

@media (min-width:1281px) and (max-width:1320px){.pr-link,.pr-recover,.pr-sites-btn{padding-inline:4px}}
/* specificity guard: global a[aria-current] rules must not reshape the pills */
.pr-head a.pr-link.pr-premium{color:var(--pr-gold-text);background:var(--pr-gold-bg);border:1px solid var(--pr-gold-line);border-radius:999px;box-shadow:none;text-decoration:none;font-weight:700}
.pr-head a.pr-link.pr-kits{color:var(--pr-accent);background:var(--pr-soft);border:1px solid color-mix(in srgb,var(--pr-accent) 35%,transparent);border-radius:999px;box-shadow:none;text-decoration:none}
.pr-head a.pr-link{box-shadow:none}
/* menu mode (<=1280, like the homepage): links live in a panel, every row >=44px */
@media (max-width:1280px){
  .pr-menu{display:inline-flex}
  .pr-nav{display:none;position:absolute;inset-inline:0;top:calc(100% + 8px);flex-direction:column;align-items:stretch;gap:4px;padding:10px;max-height:calc(100dvh - 96px);overflow:auto;background:var(--pr-card);border:1px solid var(--pr-hair);border-radius:18px;box-shadow:var(--pr-shadow)}
  .pr-open .pr-nav{display:flex}
  .pr-link,.pr-recover,.pr-sites-btn{min-height:48px;padding:10px 14px;font-size:.95rem;border-radius:12px;width:100%;justify-content:flex-start}
  .pr-head a.pr-link.pr-premium,.pr-head a.pr-link.pr-kits{border-radius:12px}
  .pr-recover{margin:0;justify-content:space-between}
  .pr-sites-btn{justify-content:space-between}
  .pr-sites-pop{position:static;width:auto;box-shadow:none;border-style:dashed;margin-top:4px}
  .pr-lang-m{display:none}
}
@media (max-width:560px){
  .pr-head{padding:8px 8px 0}
  .pr-bar{padding:6px 8px 6px 12px;gap:8px;min-height:56px}
  .pr-ctl>.pr-lang{display:none}
  .pr-lang-m{display:flex;margin-top:4px}
  .pr-lang-m .pr-lang-a{flex:1;min-height:48px}
  .pr-brand{flex-direction:column;align-items:flex-start;gap:3px}
  .pr-brand strong{font-size:1.02rem}
  .pr-brand span{font-size:.6rem}
  .pr-ctl{gap:6px}
}
html[dir=rtl] .pr-nav,html[lang=ar] .pr-nav{direction:rtl}
.pr-head .pr-theme[hidden]{display:none}
/* canonical footer (same family as the site footer: brand + link row, paid-packs row, other sites, notes) */
.uh-foot{display:block;margin:48px 0 0;padding:28px 20px 36px;background:var(--pr-bg2);border-block-start:1px solid var(--pr-hair);color:var(--pr-ink2);font:400 14px/1.55 var(--pr-b);text-align:start}
html[lang=ar] .uh-foot{font-family:var(--pr-ar)}
.uh-foot *{box-sizing:border-box}
.uh-foot a{color:var(--pr-ink2);text-decoration:none}
.uh-foot a:hover{color:var(--pr-accent);text-decoration:underline}
.uh-in{max-width:1100px;margin:0 auto}
.uh-row{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:10px 24px;padding-block:8px}
.uh-row+.uh-row{border-block-start:1px solid var(--pr-hair)}
.uh-foot strong{font:700 15px/1.2 var(--pr-d);color:var(--pr-ink);letter-spacing:.02em;direction:ltr}
.uh-links{display:flex;flex-wrap:wrap;gap:4px 18px}
.uh-links a{display:inline-flex;align-items:center;min-height:44px}
.uh-packs a{font-weight:700;color:var(--pr-ink);text-decoration:underline;text-underline-offset:3px}
.uh-sites{align-items:stretch}
.uh-site{display:flex;gap:10px;align-items:flex-start;flex:1 1 280px;padding:10px 12px;border:1px solid var(--pr-hair);border-radius:12px;background:var(--pr-card);min-height:44px}
.uh-site:hover{border-color:var(--pr-accent);text-decoration:none!important}
.uh-site .pr-dot{margin-top:6px}
.uh-site-name{display:block;font-weight:700;color:var(--pr-ink)}
.uh-site-line{display:block;font-size:.82rem;line-height:1.4;color:var(--pr-muted)}
.uh-note{margin:0;font-size:.82rem;line-height:1.5;color:var(--pr-muted);max-width:80ch}
@media (max-width:560px){.uh-foot{padding:22px 16px 30px}.uh-links{gap:0 14px}.uh-links a{min-height:44px}}
