/* ═══════════════════════════════════════════════════════════════
   SYNTROPY MATRIX — "SOVEREIGN CONSTELLATION" DESIGN SYSTEM
   Fresh & unique: obsidian-violet space, sovereign gold core,
   aurora branch accents. Not derived from any prior build.
   ═══════════════════════════════════════════════════════════════ */
@import url('https://fonts.googleapis.com/css2?family=Amiri:wght@400;700&family=Space+Grotesk:wght@300;400;500;700&family=JetBrains+Mono:wght@400;700&display=swap');

:root{
  --bg:#06040f; --bg-2:#0b0718;
  --panel:rgba(13,9,28,.82); --panel-solid:#0d091c;
  --line:rgba(245,201,107,.16); --line-soft:rgba(238,240,246,.08);
  --text:#eef0f6; --muted:#8f8ba6;
  --core:#f5c96b; --infra:#4cc9f0; --logic:#b78cf6; --mfg:#6ee7a0; --creative:#f67ba7;
  --danger:#ff5d7a;
  --font-display:'Space Grotesk',system-ui,sans-serif;
  --font-mono:'JetBrains Mono',ui-monospace,monospace;
  --font-ar:'Amiri',serif;
  --rad:14px;
  --shadow:0 24px 80px rgba(0,0,0,.55);
  --tr:all .35s cubic-bezier(.4,0,.2,1);
  color-scheme:dark;
}
[data-theme="daylight"]{
  --bg:#f4f1ea; --bg-2:#ece7db; --panel:rgba(255,255,255,.88); --panel-solid:#fff;
  --line:rgba(120,90,20,.28); --line-soft:rgba(20,20,40,.1);
  --text:#17141f; --muted:#6b677e; --core:#a6771a;
  color-scheme:light;
}
*{box-sizing:border-box}
html{scroll-behavior:smooth}
html,body{margin:0;min-height:100%}
body{background:var(--bg);color:var(--text);font-family:var(--font-display);line-height:1.65;overflow-x:hidden}
body.world-page{height:100svh;overflow:hidden}
a{color:inherit}
button{font:inherit;color:inherit;cursor:pointer;background:none;border:0}
::selection{background:var(--core);color:#06040f}
::-webkit-scrollbar{width:9px}
::-webkit-scrollbar-track{background:var(--bg)}
::-webkit-scrollbar-thumb{background:linear-gradient(var(--core),var(--logic));border-radius:5px}

/* ── 3D WORLD ────────────────────────────────────────────── */
#world{position:fixed;inset:0;width:100%;height:100%;z-index:0;display:block;
  background:radial-gradient(ellipse at 50% 38%,#171034 0%,#0b0718 52%,#06040f 100%)}
.world-vignette{position:fixed;inset:0;z-index:1;pointer-events:none;
  background:radial-gradient(circle at 50% 42%,transparent 30%,rgba(3,2,8,.35) 72%,rgba(3,2,8,.9) 115%)}
.world-grain{position:fixed;inset:0;z-index:1;pointer-events:none;opacity:.05;mix-blend-mode:screen;
  background-image:repeating-linear-gradient(0deg,transparent 0 2px,rgba(255,255,255,.5) 2px 3px)}

/* ── HEADER — ONE header everywhere; fixed overlay only on the 3D world ── */
.world-header{position:relative;z-index:10;
  display:flex;justify-content:space-between;align-items:flex-start;
  padding:1.4rem clamp(1rem,4vw,3.5rem)}
body.world-page .world-header{position:fixed;top:0;left:0;right:0;
  background:linear-gradient(to bottom,rgba(6,4,15,.85),transparent)}
[data-theme="daylight"] body.world-page .world-header{background:linear-gradient(to bottom,rgba(244,241,234,.9),transparent)}
.brand{display:grid;text-decoration:none;line-height:1.05}
.brand strong{font-size:clamp(1.5rem,2.6vw,2.3rem);letter-spacing:-.05em;font-weight:700}
.brand strong i{font-style:normal;color:var(--core)}
.brand small{font-size:.5rem;letter-spacing:.34em;color:var(--muted);text-transform:uppercase;margin-top:.3rem}
.world-nav{display:flex;gap:clamp(.6rem,2vw,2rem);align-items:center;flex-wrap:wrap;justify-content:flex-end}
.world-nav button,.world-nav a{font-size:.66rem;font-weight:600;letter-spacing:.14em;
  color:var(--muted);text-decoration:none;padding:.45rem 0;position:relative;transition:var(--tr)}
#accessToggle{border:1px solid var(--line);padding:.45rem .9rem !important;border-radius:999px}
#accessToggle:hover{border-color:var(--core);color:var(--core)}

/* ── SACRED MARK (verbatim Arabic — HOME PAGE ONLY, top) ─── */
.sacred-mark{position:fixed;z-index:5;top:clamp(6rem,14vh,9rem);left:clamp(1rem,4vw,3.5rem);max-width:430px;pointer-events:none}
.sacred-mark .ar-line{margin:0;font-family:var(--font-ar);direction:rtl;text-align:left;
  font-size:clamp(1.5rem,2.6vw,2.5rem);line-height:1.55;color:var(--core);
  text-shadow:0 0 30px rgba(245,201,107,.35)}
.sacred-mark .welcome{display:block;margin-top:.9rem;font-size:.6rem;letter-spacing:.22em;
  color:var(--muted);text-transform:uppercase;line-height:1.8}
.sacred-mark .welcome b{color:var(--text)}
.sacred-mark .tagline{display:block;margin-top:.35rem;font-size:.55rem;letter-spacing:.3em;
  color:var(--core);opacity:.75;text-transform:uppercase}
/* language-aware location: RTL languages → the block moves to the right */
html[dir="rtl"] .sacred-mark{left:auto;right:clamp(1rem,4vw,3.5rem);text-align:right}

/* ── TELEMETRY / INDEX ───────────────────────────────────── */
.telemetry{position:fixed;z-index:5;right:clamp(1rem,3vw,3rem);top:1.5rem;display:flex;gap:1.1rem;
  font-family:var(--font-mono);font-size:.5rem;letter-spacing:.1em;color:var(--core);opacity:.85}
.world-index{position:fixed;z-index:5;right:clamp(1rem,3vw,3rem);top:32%;width:200px}
.world-index>span{font-family:var(--font-mono);font-size:.5rem;letter-spacing:.2em;color:var(--muted)}
.world-index ol{list-style:none;margin:.6rem 0 0;padding:0;border-top:1px solid var(--line-soft)}
.world-index button{width:100%;display:flex;justify-content:space-between;align-items:center;
  padding:.5rem 0;border-bottom:1px solid var(--line-soft);
  font-family:var(--font-mono);font-size:.52rem;letter-spacing:.06em;color:var(--muted);
  text-transform:uppercase;transition:var(--tr)}
.world-index button:hover,.world-index button.active{color:var(--core)}
.world-index button i{width:6px;height:6px;border-radius:50%;background:var(--muted);transition:var(--tr)}
.world-index button.active i{background:var(--core);box-shadow:0 0 8px var(--core)}

/* ── HUD PANELS ──────────────────────────────────────────── */
.hud{position:fixed;z-index:6;background:var(--panel);border:1px solid var(--line);
  border-radius:var(--rad);backdrop-filter:blur(14px);-webkit-backdrop-filter:blur(14px);
  box-shadow:var(--shadow)}
#nodePanel{right:clamp(1rem,3vw,3rem);bottom:clamp(1rem,4vh,3rem);width:min(400px,calc(100vw - 2rem));
  padding:1.5rem;transform:translateY(16px);opacity:0;pointer-events:none;transition:var(--tr)}
#nodePanel.open{transform:none;opacity:1;pointer-events:auto}
#nodePanel .np-kind{font-family:var(--font-mono);font-size:.5rem;letter-spacing:.24em;
  color:var(--np,var(--core));text-transform:uppercase}
#nodePanel h2{margin:.4rem 0 .2rem;font-size:1.6rem;letter-spacing:-.03em}
#nodePanel .np-status{display:inline-block;font-family:var(--font-mono);font-size:.5rem;
  letter-spacing:.16em;text-transform:uppercase;padding:.2rem .6rem;border-radius:999px;
  border:1px solid var(--np,var(--core));color:var(--np,var(--core));margin:.5rem 0 .8rem}
#nodePanel p{margin:0 0 1.1rem;font-size:.85rem;color:var(--muted)}
#nodePanel .np-links{display:flex;flex-wrap:wrap;gap:.5rem}
#nodePanel .np-links a{font-family:var(--font-mono);font-size:.6rem;letter-spacing:.08em;
  text-decoration:none;color:var(--text);border:1px solid var(--line);border-radius:999px;
  padding:.45rem .9rem;transition:var(--tr)}
#nodePanel .np-links a:hover{border-color:var(--np,var(--core));color:var(--np,var(--core))}
#nodePanel .np-close{position:absolute;top:.8rem;right:.9rem;font-size:1rem;color:var(--muted)}
#nodePanel .np-close:hover{color:var(--core)}

/* ── ACCESS PANEL ────────────────────────────────────────── */
#accessPanel{position:fixed;z-index:40;inset:0;display:grid;place-items:center;
  background:rgba(3,2,8,.7);backdrop-filter:blur(8px);opacity:0;pointer-events:none;transition:var(--tr)}
#accessPanel.open{opacity:1;pointer-events:auto}
#accessPanel .ap-box{position:relative;width:min(430px,calc(100vw - 2rem));background:var(--panel-solid);
  border:1px solid var(--line);border-radius:var(--rad);padding:1.8rem;box-shadow:var(--shadow)}
#accessPanel h2{margin:0 0 1.2rem;font-size:1.1rem;letter-spacing:.18em;text-transform:uppercase;color:var(--core)}
#accessPanel .ap-row{margin-bottom:1.1rem}
#accessPanel .ap-row>span{display:block;font-family:var(--font-mono);font-size:.5rem;
  letter-spacing:.2em;color:var(--muted);text-transform:uppercase;margin-bottom:.5rem}
#accessPanel .ap-opts{display:flex;flex-wrap:wrap;gap:.45rem}
#accessPanel .ap-opts button{font-family:var(--font-mono);font-size:.6rem;letter-spacing:.08em;
  padding:.45rem .85rem;border:1px solid var(--line);border-radius:999px;color:var(--muted);transition:var(--tr)}
#accessPanel .ap-opts button.active{border-color:var(--core);color:var(--core);background:rgba(245,201,107,.08)}
#accessPanel .ap-note{font-family:var(--font-mono);font-size:.5rem;letter-spacing:.14em;
  color:var(--muted);opacity:.7;margin-top:1.2rem}
#accessClose{position:absolute;top:.8rem;right:1rem;font-size:1.2rem;color:var(--muted)}
#accessClose:hover{color:var(--core)}

/* ── FOOTER — THE one footer (signature · © · links). Fixed slim strip
      only while the 3D world owns the screen; static row everywhere else ── */
.site-footer{display:flex;justify-content:space-between;align-items:center;gap:1rem;flex-wrap:wrap;
  padding:1.2rem clamp(1rem,4vw,3.5rem);
  border-top:1px solid var(--line-soft);
  font-family:var(--font-mono);font-size:.52rem;letter-spacing:.12em;color:var(--muted)}
.site-footer a{color:var(--muted);text-decoration:none;transition:var(--tr)}
.site-footer a:hover{color:var(--core)}
body.world-page .site-footer{position:fixed;z-index:10;left:0;right:0;bottom:0;
  border-top:0;padding:1rem clamp(1rem,4vw,3.5rem);
  background:linear-gradient(to top,rgba(6,4,15,.9),transparent)}
[data-theme="daylight"] body.world-page .site-footer{background:linear-gradient(to top,rgba(244,241,234,.92),transparent)}
.wf-status{color:var(--core)}
.wf-status b{animation:pulse 2.4s infinite}
@keyframes pulse{0%,100%{opacity:1}50%{opacity:.35}}

/* ── DIRECTORY MODE ──────────────────────────────────────── */
.directory{position:relative;z-index:2;max-width:1180px;margin:0 auto;padding:2.5rem clamp(1rem,4vw,3rem) 4rem}
.directory .dir-head{margin-bottom:2.2rem}
.directory .dir-head h1{margin:0;font-size:clamp(1.1rem,2vw,1.5rem);letter-spacing:.02em}
.directory .dir-head p{margin:.5rem 0 0;color:var(--muted);font-size:.85rem;max-width:640px}
.node-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(255px,1fr));gap:1px;
  background:var(--line-soft);border:1px solid var(--line-soft)}
.node-card{background:var(--panel-solid);padding:1.3rem;min-height:210px;display:flex;flex-direction:column}
.node-card .nc-kind{font-family:var(--font-mono);font-size:.5rem;letter-spacing:.2em;
  color:var(--nc,var(--core));text-transform:uppercase}
.node-card h2{margin:.5rem 0 .2rem;font-size:1.15rem;letter-spacing:-.02em}
.node-card .nc-status{font-family:var(--font-mono);font-size:.5rem;letter-spacing:.14em;
  text-transform:uppercase;color:var(--muted);margin-bottom:.7rem}
.node-card .nc-status b{color:var(--nc,var(--core))}
.node-card p{margin:0 0 1rem;font-size:.78rem;color:var(--muted);flex:1}
.node-card .nc-links{display:flex;flex-wrap:wrap;gap:.4rem}
.node-card .nc-links a{font-family:var(--font-mono);font-size:.55rem;letter-spacing:.06em;
  text-decoration:none;color:var(--text);border:1px solid var(--line);border-radius:999px;padding:.35rem .7rem;transition:var(--tr)}
.node-card .nc-links a:hover{border-color:var(--nc,var(--core));color:var(--nc,var(--core))}

/* ── INNER PAGES (header is static here — light top padding) ── */
.page{position:relative;z-index:2;max-width:820px;margin:0 auto;padding:1.2rem clamp(1rem,4vw,3rem) 4rem}
.page .crumb{font-family:var(--font-mono);font-size:.55rem;letter-spacing:.16em;
  text-transform:uppercase;color:var(--muted);text-decoration:none}
.page .crumb:hover{color:var(--core)}
.page h1{margin:.7rem 0 .3rem;font-size:clamp(1.7rem,4vw,2.6rem);letter-spacing:-.04em;line-height:1.12}
.page .meta{font-family:var(--font-mono);font-size:.55rem;letter-spacing:.14em;
  text-transform:uppercase;color:var(--muted);margin-bottom:1.6rem}
.page .meta b{color:var(--core)}
.page .prose{font-size:.95rem;color:var(--text)}
.page .prose p{margin:0 0 1.1rem}
.page .prose h2{margin:1.8rem 0 .7rem;font-size:1.25rem;letter-spacing:-.02em}
.page .prose h3{margin:1.4rem 0 .5rem;font-size:1.02rem}
.page .prose a{color:var(--core);text-decoration:none;border-bottom:1px solid var(--line)}
.page .prose a:hover{border-bottom-color:var(--core)}
.page .prose ul,.page .prose ol{margin:0 0 1.1rem;padding-left:1.3rem}
.page .prose li{margin-bottom:.35rem}
.page .prose blockquote{margin:1.2rem 0;padding:.2rem 0 .2rem 1.1rem;border-left:2px solid var(--core);color:var(--muted)}
.page .prose code{font-family:var(--font-mono);font-size:.8em;background:var(--bg-2);
  border:1px solid var(--line-soft);border-radius:5px;padding:.1rem .35rem}
.page .prose pre{background:var(--bg-2);border:1px solid var(--line-soft);border-radius:var(--rad);
  padding:1rem;overflow:auto;font-size:.78rem}
.page .prose pre code{background:none;border:0;padding:0}
.page .prose img{max-width:100%;border-radius:var(--rad)}
.page .prose hr{border:0;border-top:1px solid var(--line-soft);margin:1.8rem 0}

/* ── BLOG LIST ───────────────────────────────────────────── */
.post-list{display:grid;gap:1px;background:var(--line-soft);border:1px solid var(--line-soft)}
.post-item{background:var(--panel-solid);padding:1.4rem;display:grid;gap:.35rem;transition:var(--tr)}
.post-item:hover{background:rgba(245,201,107,.04)}
.post-item .pi-kind{font-family:var(--font-mono);font-size:.5rem;letter-spacing:.2em;
  color:var(--core);text-transform:uppercase}
.post-item h2{margin:0;font-size:1.25rem;letter-spacing:-.02em}
.post-item h2 a{text-decoration:none}
.post-item h2 a:hover{color:var(--core)}
.post-item p{margin:0;font-size:.8rem;color:var(--muted)}

/* ── SHARE BAR ───────────────────────────────────────────── */
.share-bar{display:flex;flex-wrap:wrap;gap:.45rem;margin-top:2rem;padding-top:1.4rem;border-top:1px solid var(--line-soft)}
.share-bar a,.share-bar button{font-family:var(--font-mono);font-size:.55rem;letter-spacing:.08em;
  text-decoration:none;color:var(--text);border:1px solid var(--line);border-radius:999px;
  padding:.45rem .85rem;transition:var(--tr)}
.share-bar a:hover,.share-bar button:hover{border-color:var(--core);color:var(--core)}

/* ── FORMS ───────────────────────────────────────────────── */
.field{display:grid;gap:.4rem;margin-bottom:1.1rem}
.field>span{font-family:var(--font-mono);font-size:.5rem;letter-spacing:.2em;
  text-transform:uppercase;color:var(--muted)}
.field input,.field textarea,.field select{font:inherit;font-size:.85rem;color:var(--text);
  background:var(--bg-2);border:1px solid var(--line-soft);border-radius:10px;padding:.7rem .9rem;transition:var(--tr)}
.field input:focus,.field textarea:focus,.field select:focus{outline:none;border-color:var(--core)}
.field textarea{min-height:130px;resize:vertical}
.btn{display:inline-block;font-family:var(--font-mono);font-size:.6rem;letter-spacing:.14em;
  text-transform:uppercase;text-decoration:none;color:#06040f;background:var(--core);
  border:1px solid var(--core);border-radius:999px;padding:.65rem 1.4rem;transition:var(--tr)}
.btn:hover{background:transparent;color:var(--core)}
.btn-ghost{background:transparent;color:var(--text)}
.btn-ghost:hover{background:var(--core);color:#06040f}
.form-note{font-family:var(--font-mono);font-size:.55rem;letter-spacing:.1em;color:var(--core);margin-top:.8rem}
.form-err{font-family:var(--font-mono);font-size:.55rem;letter-spacing:.1em;color:var(--danger);margin-top:.8rem}

/* ── BOOT OVERLAY ────────────────────────────────────────── */
#boot{position:fixed;inset:0;z-index:100;display:grid;place-items:center;
  background:radial-gradient(ellipse at 50% 40%,#171034 0%,#0b0718 55%,#06040f 100%);
  transition:opacity .6s ease,visibility .6s ease}
#boot.closed{opacity:0;visibility:hidden;pointer-events:none}
.boot-sigil{position:relative;width:120px;height:120px;margin:0 auto 1.6rem}
.boot-sigil i{position:absolute;inset:0;border-radius:50%;border:1px solid rgba(245,201,107,.35)}
.boot-sigil i:nth-child(1){animation:spin 6s linear infinite}
.boot-sigil i:nth-child(2){inset:14px;border-color:rgba(76,201,240,.4);border-top-color:transparent;animation:spin 4s linear infinite reverse}
.boot-sigil i:nth-child(3){inset:30px;border-color:rgba(183,140,246,.5);border-bottom-color:transparent;animation:spin 3s linear infinite}
@keyframes spin{to{transform:rotate(360deg)}}
.boot-copy{text-align:center}
.boot-copy span{display:block;font-family:var(--font-mono);font-size:.55rem;letter-spacing:.34em;color:var(--muted);text-transform:uppercase}
.boot-copy strong{display:block;margin-top:.4rem;font-size:1.05rem;letter-spacing:.22em;color:var(--core);text-transform:uppercase}
.boot-copy small{display:block;margin-top:.6rem;font-family:var(--font-mono);font-size:.5rem;letter-spacing:.18em;color:var(--muted)}
#enterWorld{font-family:var(--font-mono);font-size:.62rem;letter-spacing:.16em;text-transform:uppercase;
  color:#06040f;background:var(--core);border:1px solid var(--core);border-radius:999px;padding:.7rem 1.6rem;margin-top:1.8rem;transition:var(--tr)}
#enterWorld:disabled{opacity:.35;cursor:not-allowed}
#enterWorld:not(:disabled):hover{background:transparent;color:var(--core)}
#skipBoot{font-family:var(--font-mono);font-size:.62rem;letter-spacing:.16em;text-transform:uppercase;
  color:var(--muted);border:1px solid var(--line);border-radius:999px;padding:.7rem 1.4rem;margin-top:.7rem;transition:var(--tr)}
#skipBoot:hover{border-color:var(--core);color:var(--core)}

/* ── WORLD HINTS ─────────────────────────────────────────── */
.world-hints{position:fixed;z-index:5;left:clamp(1rem,4vw,3.5rem);bottom:4.2rem;display:flex;gap:1.2rem;
  font-family:var(--font-mono);font-size:.5rem;letter-spacing:.14em;color:var(--muted);opacity:.7}
.world-hints b{color:var(--core);font-weight:700}

/* ── SKIP LINK (accessibility) ───────────────────────────── */
.skip-link{position:fixed;top:-4rem;left:1rem;z-index:200;background:var(--core);color:#06040f;padding:.65rem}
.skip-link:focus{top:1rem !important;outline:none}

/* ── FOOTER 3× HINT ──────────────────────────────────────── */
.hint3{font-family:var(--font-mono);font-size:.5rem;letter-spacing:.14em;color:var(--muted);opacity:.6}
@media (max-width:640px){.hint3{display:none}}

/* ── TEXT MODE (Toggle Swap: 3D canvas hides, text directory takes its place) ── */
body.text-mode{height:auto;overflow:auto}
body.text-mode #world,
body.text-mode .world-vignette,
body.text-mode .world-grain,
body.text-mode .telemetry,
body.text-mode .world-index,
body.text-mode .world-hints,
body.text-mode .sacred-mark,
body.text-mode #nodePanel,
body.text-mode #boot{display:none}
/* header + footer STAY visible in text mode (mode toggle lives in the header) */
body.text-mode .world-header{position:sticky;top:0;background:var(--bg);border-bottom:1px solid var(--line-soft)}
[data-theme="daylight"] body.text-mode .world-header{background:var(--bg)}
body.text-mode #directory{display:block;min-height:calc(100vh - 16rem)}

/* ── DIRECTORY TREE (text-mode topology, mirrors ahmed.com.pk-home.txt) ── */
.dir-tree{display:grid;gap:2rem}
.dt-group{border-left:2px solid var(--nc,var(--core));padding-left:clamp(.9rem,2vw,1.4rem)}
.dt-group-head{display:flex;flex-wrap:wrap;align-items:baseline;gap:.6rem;margin-bottom:.6rem}
.dt-group-head .dt-glyph{font-size:.9rem}
.dt-group-head h2{margin:0;font-size:1.02rem;letter-spacing:.01em}
.dt-group-head h2 a{text-decoration:none;color:var(--text)}
.dt-group-head h2 a:hover{color:var(--nc,var(--core))}
.dt-count{font-family:var(--font-mono);font-size:.58rem;letter-spacing:.14em;color:var(--muted);text-transform:uppercase}
.dt-list{list-style:none;margin:0;padding:0}
.dt-list li{margin:0}
.dt-row{display:flex;align-items:baseline;gap:.55rem;padding:.42rem .5rem .42rem 0;
  text-decoration:none;border-radius:6px;transition:var(--tr);line-height:1.5}
.dt-row:hover{background:rgba(245,201,107,.05)}
.dt-row .dt-glyph{font-family:var(--font-mono);font-size:.72rem;color:var(--nc,var(--core));
  flex:0 0 auto;opacity:.75;white-space:pre}
.dt-row.dt-core .dt-glyph{font-size:.9rem}
.dt-row .dt-name{font-size:.92rem;color:var(--text)}
.dt-row .dt-name b{font-weight:600}
.dt-row .dt-name i{font-style:normal;color:var(--muted);font-size:.8em}
.dt-row:hover .dt-name b{color:var(--nc,var(--core))}
.dt-row .dt-lead{flex:1;border-bottom:1px dotted var(--line-soft);transform:translateY(-.28em);min-width:1.5rem}
.dt-row .dt-meta{font-family:var(--font-mono);font-size:.62rem;letter-spacing:.04em;color:var(--muted);text-align:right}
.dt-row .dt-meta b{font-weight:700;text-transform:uppercase;letter-spacing:.1em}
.st-active{color:var(--mfg)}
.st-standby{color:var(--core)}
.st-reserved{color:var(--logic)}
.st-hidden{color:var(--muted)}
@media (max-width:640px){
  .dt-row{flex-wrap:wrap;gap:.3rem .55rem}
  .dt-row .dt-lead{display:none}
  .dt-row .dt-meta{width:100%;text-align:left;padding-left:1.6rem}
}

/* ── PILLS (public pages) ────────────────────────────────── */
.pill{display:inline-block;font-family:var(--font-mono);font-size:.5rem;letter-spacing:.12em;
  text-transform:uppercase;padding:.18rem .55rem;border-radius:999px;border:1px solid var(--line-soft);color:var(--muted)}
.pill.active,.pill.published{color:var(--mfg);border-color:var(--mfg)}
.pill.standby,.pill.pending{color:var(--core);border-color:var(--core)}
.pill.reserved{color:var(--logic);border-color:var(--logic)}
.pill.draft{color:var(--muted)}

/* ═══════════════════════════════════════════════════════════════
   END OF DESIGN SYSTEM
   ═══════════════════════════════════════════════════════════════ */
/* ═══ v2 HUB-AND-SPOKE + ACCOUNT ═══ */ 
/* ============ v2 HUB-AND-SPOKE + ACCOUNT ============ */
.crumbs{display:flex;gap:.6rem;align-items:center;padding:1.2rem clamp(1rem,4vw,3rem) 0;font-family:var(--font-mono,monospace);font-size:.62rem;letter-spacing:.14em;color:var(--muted,#8a86a3)}
.crumbs a{color:var(--muted,#8a86a3);text-decoration:none}
.crumbs a:hover{color:var(--core,#f5c96b)}
.crumbs span{opacity:.5}
.crumbs b{color:var(--text,#eef0f6)}
.node-hero{display:flex;gap:1.6rem;align-items:flex-start;padding:2.2rem clamp(1rem,4vw,3rem);border-left:3px solid var(--nc,#f5c96b);margin:1.6rem clamp(1rem,4vw,3rem) 0;background:rgba(255,255,255,.02);border-radius:0 12px 12px 0}
.nh-logo,.cc-logo{width:74px;height:74px;object-fit:contain;border-radius:14px;background:rgba(255,255,255,.04);padding:.5rem;flex:0 0 auto}
.nh-sigil,.cc-sigil{display:inline-block;width:74px;height:74px;border-radius:14px;background:radial-gradient(circle at 30% 30%,var(--nc,#f5c96b),transparent 70%);border:1px solid var(--nc,#f5c96b);flex:0 0 auto}
.nh-kind{font-family:var(--font-mono,monospace);font-size:.6rem;letter-spacing:.22em;color:var(--nc,#f5c96b)}
.nh-copy h1{margin:.3rem 0 .5rem;font-size:clamp(1.5rem,3.5vw,2.2rem);letter-spacing:.02em}
.nh-desc{color:var(--muted,#8a86a3);max-width:62ch;margin:.6rem 0 0}
.btn-line{display:inline-block;margin-top:.9rem;padding:.55rem 1.1rem;border:1px solid var(--nc,#f5c96b);color:var(--nc,#f5c96b);text-decoration:none;font-family:var(--font-mono,monospace);font-size:.62rem;letter-spacing:.18em;border-radius:4px}
.btn-line:hover{background:var(--nc,#f5c96b);color:#06040f}
.btn-line.ghost{border-color:var(--muted,#8a86a3);color:var(--muted,#8a86a3);margin-left:.6rem}
.sec-title{font-family:var(--font-mono,monospace);font-size:.68rem;letter-spacing:.24em;color:var(--core,#f5c96b);padding:2.4rem clamp(1rem,4vw,3rem) .8rem}
.sec-title span{color:var(--muted,#8a86a3)}
.child-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:1.1rem;padding:0 clamp(1rem,4vw,3rem)}
.child-card{border:1px solid rgba(255,255,255,.08);border-top:3px solid var(--nc,#f5c96b);border-radius:12px;background:rgba(255,255,255,.02);display:flex;flex-direction:column;transition:transform .18s ease,border-color .18s ease}
.child-card:hover{transform:translateY(-3px);border-color:var(--nc,#f5c96b)}
.cc-body{display:flex;flex-direction:column;gap:.45rem;padding:1.2rem;color:inherit;text-decoration:none;flex:1}
.cc-body h3{margin:0;font-size:1.02rem}
.cc-meta{font-family:var(--font-mono,monospace);font-size:.6rem;letter-spacing:.12em;color:var(--muted,#8a86a3)}
.cc-body p{margin:0;color:var(--muted,#8a86a3);font-size:.85rem;line-height:1.55}
.cc-actions{display:flex;gap:1rem;padding:.7rem 1.2rem;border-top:1px solid rgba(255,255,255,.06);font-family:var(--font-mono,monospace);font-size:.6rem;letter-spacing:.16em}
.cc-actions a{color:var(--nc,#f5c96b);text-decoration:none}
.empty-note{padding:2rem clamp(1rem,4vw,3rem);color:var(--muted,#8a86a3);font-family:var(--font-mono,monospace);font-size:.7rem;letter-spacing:.1em}
.branch-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:1.2rem;padding:1.4rem clamp(1rem,4vw,3rem)}
.branch-card{display:flex;flex-direction:column;gap:.5rem;padding:1.6rem;border:1px solid rgba(255,255,255,.08);border-top:3px solid var(--nc,#f5c96b);border-radius:14px;background:rgba(255,255,255,.02);color:inherit;text-decoration:none;transition:transform .18s ease,border-color .18s ease}
.branch-card:hover{transform:translateY(-4px);border-color:var(--nc,#f5c96b)}
.bc-kind{font-family:var(--font-mono,monospace);font-size:.58rem;letter-spacing:.22em;color:var(--nc,#f5c96b)}
.branch-card h2{margin:0;font-size:1.25rem}
.branch-card p{margin:0;color:var(--muted,#8a86a3);font-size:.85rem;line-height:1.55;flex:1}
.bc-cta{font-family:var(--font-mono,monospace);font-size:.6rem;letter-spacing:.18em;color:var(--core,#f5c96b);margin-top:.6rem}
.np-hero{padding:1.6rem clamp(1rem,4vw,3rem) 0;border-left:3px solid var(--core,#f5c96b);margin:1.6rem clamp(1rem,4vw,3rem) 0}
.np-tagline{color:var(--muted,#8a86a3);font-size:1.05rem}
.np-section{padding:.4rem clamp(1rem,4vw,3rem);max-width:80ch}
.np-cta{display:flex;gap:.6rem;flex-wrap:wrap;padding-top:1.4rem}
.account-main{min-height:60vh;padding:2rem clamp(1rem,4vw,3rem)}
.auth-box{max-width:460px;margin:0 auto;padding:2rem;border:1px solid rgba(255,255,255,.08);border-radius:14px;background:rgba(255,255,255,.02)}
.profile-box{max-width:640px}
.auth-box h1{font-size:1.3rem;margin:.4rem 0 1rem}
.auth-note{color:var(--muted,#8a86a3);font-size:.8rem;line-height:1.6}
.auth-alt{margin-top:1.2rem;font-family:var(--font-mono,monospace);font-size:.62rem;letter-spacing:.14em;color:var(--muted,#8a86a3)}
.auth-alt a{color:var(--core,#f5c96b);text-decoration:none}
.profile-head{display:flex;gap:1rem;align-items:center;margin-bottom:1.4rem}
.profile-avatar{width:64px;height:64px;border-radius:50%;object-fit:cover;border:1px solid var(--core,#f5c96b)}
.profile-avatar.placeholder{display:grid;place-items:center;font-size:1.4rem;color:var(--core,#f5c96b);background:rgba(255,255,255,.04)}
@media (max-width:640px){.node-hero{flex-direction:column}.world-nav{flex-wrap:wrap}}/* ============ v3 GLOBAL UTIL-NAV + SIGNATURE + FOSS ============ */
.util-nav{position:fixed;top:.6rem;right:.8rem;z-index:150;display:flex;gap:.2rem;background:rgba(6,4,15,.85);border:1px solid rgba(245,201,107,.25);border-radius:6px;padding:.25rem;backdrop-filter:blur(6px)}
.util-nav a{font-family:var(--font-mono,monospace);font-size:.56rem;letter-spacing:.18em;color:var(--muted,#8a86a3);text-decoration:none;padding:.35rem .7rem;border-radius:4px}
.util-nav a:hover{color:var(--core,#f5c96b);background:rgba(245,201,107,.08)}
.site-signature{font-family:var(--font-mono,monospace);font-size:.62rem;letter-spacing:.12em;color:var(--core,#f5c96b)}
.foss-policy{border:1px dashed rgba(76,201,240,.4);border-radius:8px;padding:.8rem 1rem;font-family:var(--font-mono,monospace);font-size:.66rem;letter-spacing:.1em;color:#4cc9f0}
.app-desc{margin-top:.4rem}
.app-desc p{font-size:.8rem!important;margin:.2rem 0!important}
.admin-signature{font-family:var(--font-mono);font-size:.55rem;letter-spacing:.14em;color:var(--core);padding:.2rem 0 .4rem;border-bottom:1px solid var(--line-soft)}
@media (max-width:640px){.util-nav{position:static;justify-content:center;margin:.6rem auto 0;width:max-content}}/* ============ v4 SHARE ENHANCEMENTS ============ */
.share-hint{font-family:var(--font-mono,monospace);font-size:.56rem;letter-spacing:.12em;color:var(--muted,#8a86a3);margin-top:.5rem}
.copy-post{background:none;border:1px solid var(--core,#f5c96b);color:var(--core,#f5c96b);font-family:var(--font-mono,monospace);font-size:.56rem;letter-spacing:.16em;padding:.2rem .6rem;cursor:pointer;border-radius:3px}
.copy-post:hover{background:var(--core,#f5c96b);color:#06040f}/* ============ v5 TYPOGRAPHY + EDITOR TOOLBAR ============ */
body{font-family:system-ui,-apple-system,"Segoe UI",Roboto,"Helvetica Neue",Arial,sans-serif}
.prose{font-size:1.02rem;line-height:1.75;color:var(--text,#eef0f6)}
.prose p{margin:0 0 1.1rem}
.prose h1,.prose h2,.prose h3,.prose h4{line-height:1.3;margin:1.8rem 0 .7rem;color:var(--core,#f5c96b);letter-spacing:.01em}
.prose h1{font-size:1.7rem}.prose h2{font-size:1.35rem}.prose h3{font-size:1.12rem}.prose h4{font-size:1rem}
.prose ul{margin:0 0 1.1rem;padding-left:1.4rem}
.prose li{margin:.35rem 0;line-height:1.6}
.prose blockquote{margin:1.2rem 0;padding:.7rem 1.1rem;border-left:3px solid var(--core,#f5c96b);background:rgba(245,201,107,.05);border-radius:0 8px 8px 0;color:var(--muted,#b8b4c9)}
.prose code{font-family:ui-monospace,"Cascadia Code",Consolas,monospace;font-size:.86em;background:rgba(255,255,255,.07);padding:.12em .4em;border-radius:4px}
.prose pre{background:#0b0817;border:1px solid rgba(255,255,255,.09);border-radius:10px;padding:1rem 1.2rem;overflow-x:auto;margin:1.2rem 0}
.prose pre code{background:none;padding:0;font-size:.85rem;line-height:1.6;color:#c8f0d8}
.prose a{color:#4cc9f0;text-decoration:underline;text-underline-offset:2px}
.prose a:hover{color:var(--core,#f5c96b)}
.prose img{max-width:100%;border-radius:10px;margin:.6rem 0}
[data-theme="daylight"] .prose pre{background:#f1eee6;border-color:rgba(0,0,0,.1)}
[data-theme="daylight"] .prose pre code{color:#1d3528}
[data-theme="daylight"] .prose code{background:rgba(0,0,0,.06)}
.md-toolbar{display:flex;flex-wrap:wrap;gap:.25rem;margin:.3rem 0 .5rem}
.md-toolbar button{background:var(--bg-2,#171325);border:1px solid var(--line-soft,rgba(255,255,255,.12));color:var(--text,#eef0f6);font-family:var(--font-mono,monospace);font-size:.62rem;letter-spacing:.08em;padding:.42rem .7rem;cursor:pointer;border-radius:5px}
.md-toolbar button:hover{border-color:var(--core,#f5c96b);color:var(--core,#f5c96b)}
.md-cheat{font-family:var(--font-mono,monospace);font-size:.62rem;line-height:1.9;color:var(--muted,#8a86a3);background:rgba(255,255,255,.03);border:1px dashed var(--line-soft,rgba(255,255,255,.12));border-radius:8px;padding:.8rem 1rem;margin:.5rem 0 1rem}/* ============ v6 EDITOR IMAGE GALLERY ============ */
.md-toolbar button#mdGallery,.md-toolbar button#mdUpload{border-color:var(--core,#f5c96b);color:var(--core,#f5c96b)}
.md-toolbar button#mdGallery:hover,.md-toolbar button#mdUpload:hover{background:var(--core,#f5c96b);color:#06040f}
.md-gallery{border:1px solid var(--line-soft,rgba(255,255,255,.12));border-radius:8px;background:rgba(255,255,255,.03);padding:.6rem;margin:.4rem 0 1rem}
.md-gallery .mg-head{display:flex;justify-content:space-between;align-items:center;margin-bottom:.5rem;font-family:var(--font-mono,monospace);font-size:.62rem;letter-spacing:.12em;color:var(--core,#f5c96b)}
.md-gallery .mg-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(64px,1fr));gap:.4rem}
.md-gallery .mg-item{cursor:pointer;border-radius:6px;overflow:hidden;border:1px solid transparent;transition:border-color .15s}
.md-gallery .mg-item:hover{border-color:var(--core,#f5c96b)}
.md-gallery .mg-item img{width:100%;height:64px;object-fit:cover;display:block}
.md-gallery .mg-item img[src=""] {background:#0b0817}
.md-gallery .mg-item img[src=""]::after{content:"no img";color:var(--muted,#8a86a3);font-size:.5rem;display:flex;align-items:center;justify-content:center;height:100%}
.md-gallery input[type="file"]{font-family:var(--font-mono,monospace);font-size:.7rem}