/* EGYTAG Discovery Hub | compact graphite rail, accessible share center, responsive drawer. */
:root[data-eg-carbon=active] .egxu-hub{
 position:fixed;z-index:950;top:clamp(235px,36vh,420px);right:13px;left:auto;
 direction:rtl;color:#eef2f4;pointer-events:none;font-family:inherit;
}
:root[data-eg-carbon=active] .egxu-hub[data-side=left]{left:13px;right:auto}
.egxu-hub__trigger{
 position:relative;z-index:3;display:grid;justify-items:center;align-content:center;gap:4px;
 width:60px;min-height:65px;padding:7px 4px;border-radius:17px;
 background:linear-gradient(145deg,#455057,#272e33);color:#f4f6f8;
 border:1px solid #9ba8b2;box-shadow:0 9px 28px #0007,inset 0 1px 0 #ffffff27;
 font:inherit;cursor:pointer;pointer-events:auto;transition:background .2s,border-color .2s,transform .2s;
}
.egxu-hub__trigger:hover,.egxu-hub__trigger:focus-visible{
 background:linear-gradient(145deg,#58656e,#364048);border-color:#e3e9ed;transform:translateY(-2px);
}
.egxu-hub__trigger-icon{font-size:27px;font-weight:800;line-height:1;color:#e4ecef}
.egxu-hub__trigger-text{font-size:11px;font-weight:800;line-height:1.4}
.egxu-hub__panel{
 position:absolute;top:0;right:74px;left:auto;z-index:3;
 box-sizing:border-box;width:min(342px,calc(100vw - 103px));max-height:min(62dvh,690px);
 background:linear-gradient(155deg,#282f34,#1b2024);
 border:1px solid #76848e;border-radius:19px;box-shadow:0 24px 68px #000b,inset 0 1px 0 #ffffff1b;
 overflow:hidden;display:flex;flex-direction:column;pointer-events:auto;
 visibility:hidden;opacity:0;transform:translateX(12px) scale(.975);
 transition:opacity 230ms ease,transform 260ms cubic-bezier(.2,.78,.2,1),visibility 230ms;
}
.egxu-hub[data-side=left] .egxu-hub__panel{right:auto;left:74px;transform:translateX(-12px) scale(.975)}
.egxu-hub[data-open=true] .egxu-hub__panel{visibility:visible;opacity:1;transform:none}
.egxu-hub__curtain{
 position:fixed;inset:0;z-index:1;border:0;background:transparent;
 pointer-events:none;opacity:0;cursor:default;
}
.egxu-hub[data-open=true] .egxu-hub__curtain{pointer-events:auto}
.egxu-hub__header{
 display:flex;align-items:center;justify-content:space-between;gap:8px;
 padding:14px 15px;background:#303941;border-bottom:1px solid #525f69;
}
.egxu-hub__heading{display:grid;gap:4px}
.egxu-hub__eyebrow{font-size:10px;color:#bfcdd6;font-weight:750;letter-spacing:.1em}
.egxu-hub__heading h2{font-size:19px;font-weight:850;color:#f4f6f8;margin:0;line-height:1.4}
.egxu-hub__dismiss{
 display:grid;place-items:center;border:1px solid #6d7d86;border-radius:9px;min-width:37px;
 min-height:37px;background:#414e56;color:#fff;font-size:24px;cursor:pointer;
}
.egxu-hub__content{padding:15px;overflow-y:auto;overscroll-behavior:contain;scrollbar-width:thin}
.egxu-hub__caption{margin:0 0 15px;color:#bec9d1;font-size:13px;line-height:1.8}
.egxu-hub__actions{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:9px;margin-bottom:20px}
.egxu-hub__action{
 box-sizing:border-box;display:flex;align-items:center;justify-content:flex-start;gap:9px;min-height:50px;
 padding:10px;border:1px solid #667681;border-radius:12px;
 background:linear-gradient(150deg,#3d4951,#303a41);color:#eff3f5;
 font:inherit;font-size:14px;font-weight:800;text-align:start;cursor:pointer;
}
.egxu-hub__action-icon{display:grid;place-items:center;min-width:27px;height:28px;font-size:25px;color:#dce6ec}
.egxu-hub__action:hover,.egxu-hub__action:focus-visible{background:#50606b;border-color:#d4dfe7}
.egxu-hub__recent{margin:0 0 16px;border-top:1px solid #515e67;padding-top:14px}
.egxu-hub__recent h3,.egxu-hub__share h3{font-size:15px;margin:0 0 11px;color:#f0f3f5;font-weight:850}
.egxu-hub__recent-link{
 display:block;margin-bottom:8px;border:1px solid #4d5b64;padding:9px 11px;
 border-radius:9px;background:#273137;color:#d7e1e7;text-decoration:none;
 font-size:12px;line-height:1.6;
}
.egxu-hub__recent-link:hover{border-color:#b8c8d1;color:#fff}
.egxu-hub__share{border-top:1px solid #56646e;padding-top:16px}
.egxu-hub__share>p{color:#bdc9d0;font-size:12px;line-height:1.7;margin:0 0 13px}
.egxu-hub__social{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}
.egxu-hub__social-link{
 display:flex;align-items:center;gap:8px;min-height:42px;padding:6px 9px;border-radius:10px;
 background:#2e383f;border:1px solid #596772;color:#e9eff3;text-decoration:none;
 font:inherit;font-size:12px;font-weight:700;
}
.egxu-hub__social-link:hover,.egxu-hub__social-link:focus-visible{background:#485761;border-color:#d9e2e9;color:white}
.egxu-hub__network-mark{
 display:grid;place-items:center;min-width:28px;height:28px;padding:0 2px;box-sizing:border-box;
 border-radius:8px;background:#4c5b64;color:#eff3f5;font-size:11px;font-weight:850;
 font-variant-ligatures:none;letter-spacing:0;
}
.egxu-hub__url-row{display:flex;gap:7px;align-items:center;margin:14px 0 11px}
.egxu-share-url{
 flex:1;min-width:0;min-height:40px;padding:9px 11px;box-sizing:border-box;
 background:#161d21!important;color:#e0e7eb!important;border:1px solid #72828e!important;
 border-radius:10px;font:inherit;font-size:12px;direction:ltr;text-align:left;
}
.egxu-hub__copy,.egxu-hub__native,.egxu-hub__quote,.egxu-hub__post,.egxu-hub__print,.egxu-hub__side{
 border:1px solid #8797a2;background:#47535c;color:#eff3f5;border-radius:9px;
 min-height:40px;padding:8px 11px;font:inherit;font-size:12px;font-weight:750;
 cursor:pointer;white-space:nowrap;
}
.egxu-hub__utilities{display:flex;gap:7px;flex-wrap:wrap}
.egxu-hub__preferences{border-top:1px solid #505d67;margin-top:16px;padding-top:13px}
.egxu-hub__side{background:transparent;color:#c8d4dc}
.egxu-hub :is(a,button,input):focus-visible{outline:2px solid #eef3f6;outline-offset:2px}
.egxu-hub button[hidden]{display:none!important}
@media(max-width:760px){
 :root[data-eg-carbon=active] .egxu-hub,
 :root[data-eg-carbon=active] .egxu-hub[data-side=left]{
  position:fixed;top:auto;left:auto;right:14px;bottom:calc(18px + env(safe-area-inset-bottom));
 }
 :root[data-eg-carbon=active] .egxu-hub__trigger{min-width:66px;min-height:59px;box-shadow:0 8px 22px #0009}
 :root[data-eg-carbon=active] .egxu-hub__panel,
 :root[data-eg-carbon=active] .egxu-hub[data-side=left] .egxu-hub__panel{
  position:fixed;inset:auto 0 0 0;width:100vw;max-width:100vw;
  max-height:min(82dvh,750px);border-radius:20px 20px 0 0;
  padding-bottom:env(safe-area-inset-bottom);transform:translateY(28px);
  border-inline:0;
 }
 :root[data-eg-carbon=active] .egxu-hub[data-open=true] .egxu-hub__panel{transform:translateY(0)}
 .egxu-hub[data-open=true] .egxu-hub__curtain{background:#05080bbd}
 .egxu-hub__content{padding:15px 17px}
 .egxu-hub__heading h2{font-size:20px}
 .egxu-hub__action{min-height:52px}
}
@media(max-width:365px){
 .egxu-hub__social{grid-template-columns:1fr 1fr}
 .egxu-hub__action{padding:8px;font-size:13px}
}
@media(prefers-reduced-motion:reduce){
 .egxu-hub__trigger,.egxu-hub__panel{animation:none!important;transition:none!important;transform:none!important}
}

/* Network identity is restrained and subordinate to the site's graphite language. */
.egxu-hub__social-link[data-network=whatsapp] .egxu-hub__network-mark{background:#2d6656}
.egxu-hub__social-link[data-network=telegram] .egxu-hub__network-mark{background:#335b73}
.egxu-hub__social-link[data-network=facebook] .egxu-hub__network-mark{background:#394e79}
.egxu-hub__social-link[data-network=linkedin] .egxu-hub__network-mark{background:#365b72}
.egxu-hub__social-link[data-network=reddit] .egxu-hub__network-mark{background:#7c493c}

:root[lang=en] .egxu-hub{direction:ltr}


/* Mobile floating-action collision fix (2026-10-26).
   The 62px Explore trigger rests 18px from the bottom. Reserve an independent
   50px Up lane with >= 20px separation, and place the passive reading counter
   above both. Physical right coordinates work identically in Arabic/English. */
@media(max-width:760px){
 :root[data-eg-carbon=active] body.egxu-hub-mounted:not(.tools-workspace) .back-to-top{
  position:fixed!important;
  top:auto!important;
  bottom:max(102px,calc(102px + env(safe-area-inset-bottom)))!important;
  right:max(22px,calc(22px + env(safe-area-inset-right)))!important;
  left:auto!important;
  inset-block-end:auto;
  inset-inline-start:auto!important;
  inset-inline-end:auto!important;
 }
 :root[data-eg-carbon=active] body.egxu-hub-mounted:not(.tools-workspace) .eg-reading-journey{
  bottom:max(168px,calc(168px + env(safe-area-inset-bottom)))!important;
 }
 /* An open bottom sheet must never be covered by a floating Up control. */
 :root[data-eg-carbon=active] body.egxu-hub-open .back-to-top{
  opacity:0!important;visibility:hidden!important;pointer-events:none!important;
 }
}

/* Explore 2.0 — context-first graphite discovery, Oct 2026.
   Scoped to the real discovery hub so other editorial controls stay unchanged. */
:root[data-eg-carbon=active] .egxu-hub{
 --explore-bg:#1b2023;--explore-border:#454d51;--explore-text:#eef0ee;
 --explore-muted:#b0b9be;
}
:root[data-eg-carbon=active] .egxu-hub__trigger{
 width:auto;min-width:59px;min-height:54px;
 display:flex;flex-direction:row;align-items:center;justify-content:center;gap:8px;
 padding:10px 13px;border-radius:18px;
 border:1px solid #79858a;background:#30373b;
 box-shadow:0 9px 26px #0007;
 color:#f4f5f3;font-size:13px;font-weight:820;
}
.egxu-hub__trigger-icon{font-size:25px;line-height:1;font-weight:800}
.egxu-hub__trigger-text{font-size:13px;line-height:1;font-weight:800}
:root[data-eg-carbon=active] .egxu-hub__panel{
 width:min(420px,calc(100vw - 105px));max-height:min(79dvh,760px);
 background:var(--explore-bg);border:1px solid var(--explore-border);
 border-radius:20px;box-shadow:0 24px 65px #000b;
}
.egxu-hub__grab{display:none}
.egxu-hub__header{padding:19px 18px;background:#252b2e;border-bottom:1px solid #41494d}
.egxu-hub__eyebrow{color:#9faab0}
.egxu-hub__heading h2{font-size:19px;line-height:1.4}
.egxu-hub__dismiss{min-width:42px;min-height:42px;background:#333b3f;border-color:#596469}
.egxu-hub__content{padding:18px;min-height:0}
.egxu-hub__caption{margin:0 0 14px;font-size:13px;line-height:1.7;color:var(--explore-muted)}
.egxu-hub__search{display:flex;gap:8px;margin:0 0 20px;align-items:stretch}
.egxu-hub__search-input{
 flex:1;min-width:0;min-height:45px;padding:10px 12px;
 border:1px solid #5a676d!important;border-radius:11px;background:#13191c!important;
 color:#f3f4f2!important;font:inherit;font-size:14px;line-height:1.5;
}
.egxu-hub__search-input::placeholder{color:#9ba6ac}
.egxu-hub__search-button{
 flex:0 0 auto;padding:0 14px;min-height:45px;border:1px solid #a4aeb2;
 border-radius:11px;background:#d9dfde;color:#1e2426;font:inherit;font-weight:850;cursor:pointer;
}
.egxu-hub__search-button:hover{background:#fff}
.egxu-hub__context{margin:0 0 21px}
.egxu-hub__context-heading,.egxu-hub__more-label{
 margin:0 0 11px;color:#e7ebe9;font-size:13px;font-weight:820;line-height:1.6;
}
.egxu-hub__context-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:9px}
.egxu-hub__context-action{
 display:flex;align-items:center;gap:10px;text-align:start;min-width:0;
 min-height:62px;padding:12px 11px;border-radius:13px;
 border:1px solid #434e53;background:#282f33;color:#e9edec;
 font:inherit;font-size:13px;font-weight:780;line-height:1.45;cursor:pointer;
}
.egxu-hub__context-action:hover,.egxu-hub__context-action:focus-visible{
 background:#374146;border-color:#839297;
}
.egxu-hub__context-icon{
 display:grid;place-items:center;flex:0 0 30px;width:30px;height:30px;
 border-radius:9px;background:#3a454a;color:#dce3e4;font-size:21px;
}
.egxu-hub__context-detail{border:1px solid #455057;border-radius:12px;background:#20272a;margin-top:10px;padding:9px}
.egxu-hub__context-detail[hidden]{display:none}
.egxu-hub__outline{margin:0;padding-inline-start:21px;max-height:170px;overflow-y:auto}
.egxu-hub__outline li{padding:6px 0;color:#aebbc1}
.egxu-hub__outline a{color:#e5e9e9;font-size:12px;line-height:1.6;text-decoration:none}
.egxu-hub__outline a:hover{text-decoration:underline}
.egxu-hub__resume{margin:-4px 0 20px;padding:13px;border:1px solid #485359;border-radius:12px;background:#222b2f}
.egxu-hub__resume-label{display:block;color:#a6b1b7;font-size:12px;margin-bottom:6px}
.egxu-hub__resume-link{color:#e8efef;font-size:13px;font-weight:780;line-height:1.6;text-decoration:none;display:block}
.egxu-hub__resume-link:hover{text-decoration:underline}
.egxu-hub__actions{margin-bottom:17px;gap:8px}
.egxu-hub__action{min-height:48px;background:#282f33;border-color:#424f55;font-size:13px;font-weight:760}
.egxu-hub__action-icon{min-width:23px;font-size:20px}
.egxu-hub__recent{margin:0 0 18px}
.egxu-hub__share{margin-top:6px}
.egxu-hub__share>p{line-height:1.6}
.egxu-hub__panel :is(a,button,input):focus-visible{outline:2px solid #d6e0e0;outline-offset:3px}
@media(min-width:761px){
 :root[data-eg-carbon=active] .egxu-hub__panel{max-height:min(83dvh,760px)}
 :root[data-eg-carbon=active] .egxu-hub[data-side=right] .egxu-hub__panel{right:77px}
 :root[data-eg-carbon=active] .egxu-hub[data-side=left] .egxu-hub__panel{left:77px}
}
@media(max-width:760px){
 :root[data-eg-carbon=active] .egxu-hub,
 :root[data-eg-carbon=active] .egxu-hub[data-side=left]{
  right:max(14px,calc(14px + env(safe-area-inset-right)));
  bottom:calc(18px + env(safe-area-inset-bottom));
 }
 :root[data-eg-carbon=active] .egxu-hub__trigger{
  height:51px;min-height:51px;min-width:51px;
  padding:9px 12px;border-radius:17px;
 }
 :root[data-eg-carbon=active] .egxu-hub--compact .egxu-hub__trigger{
  width:51px;min-width:51px;padding:8px;
 }
 .egxu-hub--compact .egxu-hub__trigger-text{display:none}
 :root[data-eg-carbon=active] .egxu-hub__panel,
 :root[data-eg-carbon=active] .egxu-hub[data-side=left] .egxu-hub__panel{
  width:100vw;max-width:100vw;height:min(59dvh,590px);max-height:calc(100dvh - env(safe-area-inset-top) - 12px);
  border-radius:22px 22px 0 0;border-inline:0;padding-bottom:env(safe-area-inset-bottom);
  transition:height .25s cubic-bezier(.2,.75,.2,1),transform .27s cubic-bezier(.2,.75,.2,1),visibility .25s,opacity .25s;
 }
 :root[data-eg-carbon=active] .egxu-hub__panel[data-expanded=true]{
  height:min(88dvh,880px);
 }
 .egxu-hub__grab{
  display:block;position:relative;flex:0 0 auto;width:100%;height:30px;min-height:30px;
  background:#252b2e;border:0;touch-action:none;cursor:ns-resize;
 }
 .egxu-hub__grab::after{
  content:"";position:absolute;left:calc(50% - 20px);top:10px;width:40px;height:5px;
  border-radius:99px;background:#77848a;
 }
 .egxu-hub__header{padding:10px 16px 14px}
 .egxu-hub__content{padding:16px 16px 22px}
 .egxu-hub__curtain{transition:opacity .22s ease}
 .egxu-hub[data-open=true] .egxu-hub__curtain{background:#070c10bd;opacity:1}
}
@media(max-width:365px){
 .egxu-hub__context-action{font-size:12px;gap:6px;padding:9px 7px}
 .egxu-hub__context-icon{flex-basis:25px;width:25px;height:25px;font-size:18px}
 .egxu-hub__search-button{padding:0 11px}
}
@media(prefers-reduced-motion:reduce){
 :root[data-eg-carbon=active] .egxu-hub__panel,
 :root[data-eg-carbon=active] .egxu-hub__trigger{transition:none!important;animation:none!important}
}

/* Explore 2.1: separate the drawer from its launcher and simplify the first view. */
@media(min-width:761px){
 :root[data-eg-carbon=active] .egxu-hub[data-side=right] .egxu-hub__panel{
  right:calc(100% + 26px);
  left:auto;
  top:var(--egxu-panel-top-offset,0px);
  max-height:calc(100dvh - 28px);
 }
 :root[data-eg-carbon=active] .egxu-hub[data-side=left] .egxu-hub__panel{
  left:calc(100% + 26px);
  right:auto;
  top:var(--egxu-panel-top-offset,0px);
  max-height:calc(100dvh - 28px);
 }
}
/* Secondary actions and sharing are available when requested, not always expanded. */
.egxu-hub__more,.egxu-hub__share-accordion{
 margin:0 0 12px;border:1px solid #454e53;border-radius:12px;
 background:#242b2f;overflow:hidden;
}
.egxu-hub__more-label,.egxu-hub__share-toggle{
 display:flex;align-items:center;justify-content:space-between;
 min-height:45px;margin:0;padding:10px 13px;
 color:#e2e8e8;font-size:13px;font-weight:760;line-height:1.6;
 cursor:pointer;list-style:none;
}
.egxu-hub__more-label::-webkit-details-marker,.egxu-hub__share-toggle::-webkit-details-marker{display:none}
.egxu-hub__more-label::after,.egxu-hub__share-toggle::after{
 content:'⌄';display:inline-block;font-size:20px;line-height:1;color:#b0bdc1;
 transition:transform .18s ease;
}
.egxu-hub__more[open]>.egxu-hub__more-label::after,
.egxu-hub__share-accordion[open]>.egxu-hub__share-toggle::after{transform:rotate(180deg)}
.egxu-hub__more .egxu-hub__actions{
 padding:0 12px 12px;margin:0;
}
.egxu-hub__share-accordion .egxu-hub__share{padding:13px 12px 15px;margin:0;border-top:1px solid #455057}
.egxu-hub__more:not([open]) .egxu-hub__actions,
.egxu-hub__share-accordion:not([open]) .egxu-hub__share{display:none}
.egxu-hub__share h3{margin:0 0 9px}
.egxu-hub__content{scrollbar-gutter:stable}
@media(max-width:760px){
 .egxu-hub__more,.egxu-hub__share-accordion{margin-bottom:10px}
}
@media(prefers-reduced-motion:reduce){
 .egxu-hub__more-label::after,.egxu-hub__share-toggle::after{transition:none}
}

/* Avoid a visible unused scrollbar gutter on the compact desktop panel. */
.egxu-hub__content{scrollbar-gutter:auto;scrollbar-width:thin;scrollbar-color:#59646a transparent}