/* Myriad command center — the Bezalel design system.
   Silver leads, gold is the precious inlay, copper is the third metal (Exodus 35: gold, silver, bronze).
   Built on the Feed Me The Word brand: black #050507, gold #d7b85c, EB Garamond, "spare, reverent, weighty". */

@font-face{font-family:"EB Garamond";font-style:normal;font-weight:400;font-display:swap;
  src:url("/static/fonts/ebgaramond-400.woff2") format("woff2")}
@font-face{font-family:"EB Garamond";font-style:normal;font-weight:600;font-display:swap;
  src:url("/static/fonts/ebgaramond-600.woff2") format("woff2")}

:root{
  --bg:#050507; --rail:#08090a; --surface:#0c0e11; --surface-2:#14171c;
  --silver:#c8d0d8; --silver-bright:#eef1f4; --silver-dim:#9aa7b5;
  --gold:#c9a24a; --gold-dim:#9a7b2e;
  --copper:#b87333; --copper-dim:#7d4f28;
  --ink:#e9e6dd; --muted:#8b9099; --line:#1d2026;
  --pass:#6f9e7d; --reject:#b1463a;            /* verdigris / iron */
  --r:10px; --r-sm:7px;
  --serif:"EB Garamond",Georgia,serif;
  --sans:-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Helvetica,Arial,sans-serif;
}
*{box-sizing:border-box}
html,body{margin:0}
body{background:var(--bg);color:var(--ink);font:15px/1.55 var(--sans);-webkit-font-smoothing:antialiased}
a{color:var(--gold);text-decoration:none}
a:hover{text-decoration:underline}
h1,h2,h3,h4{font-family:var(--serif);color:var(--silver-bright);font-weight:600;margin:.2rem 0 .9rem;letter-spacing:.01em}
h2{font-size:1.5rem}h3{font-size:1.2rem;margin-top:1.4rem}h4{font-size:1rem;color:var(--silver);margin:1rem 0 .4rem}
.muted,.meta{color:var(--muted);font-size:.85rem}
hr.rule-metal{height:1px;border:0;margin:1rem 0;
  background:linear-gradient(90deg,transparent,var(--copper-dim),var(--gold),var(--silver),transparent);opacity:.5}

/* ── app shell: mission-control rail + canvas ─────────────────────────────── */
.app{display:grid;grid-template-columns:212px 1fr;min-height:100vh}
.rail{position:sticky;top:0;align-self:start;height:100vh;background:var(--rail);
  border-right:1px solid var(--line);padding:1.2rem .9rem;display:flex;flex-direction:column;gap:.4rem}
.brand{font:600 1.3rem/1 var(--serif);color:var(--silver-bright);letter-spacing:.2em;
  text-shadow:0 0 22px rgba(215,184,92,.28);padding:.2rem .3rem}
.brand .mark{color:var(--gold)}
.tagline{color:var(--silver-dim);font:italic .8rem/1.3 var(--serif);padding:.1rem .4rem .6rem}
.nav{display:flex;flex-direction:column;gap:.1rem;margin-top:.4rem}
.nav a{display:block;padding:.5rem .8rem;color:var(--silver);border-left:2px solid transparent;
  border-radius:0 var(--r-sm) var(--r-sm) 0;font-size:.92rem}
.nav a:hover{color:var(--copper);text-decoration:none}
.nav a.active{color:var(--gold);border-left-color:var(--gold);
  background:linear-gradient(90deg,rgba(215,184,92,.10),transparent)}
.nav .soon{color:var(--silver-dim);opacity:.45;cursor:default}
.nav .soon:hover{color:var(--silver-dim)}
.rail .foot{margin-top:auto;color:var(--silver-dim);font-size:.72rem;letter-spacing:.04em;padding:.4rem}
main{padding:1.6rem 1.8rem;max-width:900px;width:100%}

/* ── panels, lists, grid ──────────────────────────────────────────────────── */
.panel{background:var(--surface);border:1px solid var(--line);border-radius:var(--r);
  padding:1.3rem 1.4rem;margin-bottom:1.1rem;
  box-shadow:inset 0 1px 0 rgba(205,210,216,.05),0 1px 2px rgba(0,0,0,.45)}
.grid{display:grid;grid-template-columns:1fr 1fr;gap:1.1rem}
.list{list-style:none;padding:0;margin:0}
.list li{padding:.5rem 0;border-bottom:1px solid var(--line);display:flex;gap:.55rem;align-items:center;flex-wrap:wrap}
.list li:last-child{border-bottom:0}
.badge{background:var(--gold-dim);color:#0a0a0a;border-radius:1rem;padding:.06rem .55rem;
  font:600 .78rem/1.4 var(--sans)}

/* ── buttons ──────────────────────────────────────────────────────────────── */
.btn{display:inline-block;font:.9rem/1 var(--sans);border:1px solid var(--silver-dim);background:transparent;
  color:var(--silver-bright);border-radius:var(--r-sm);padding:.5rem .9rem;cursor:pointer;transition:.15s}
.btn:hover{border-color:var(--silver);text-decoration:none}
.btn.primary{background:linear-gradient(180deg,#f4f7fb,var(--silver));color:#0b0e13;border-color:#dde3ea;font-weight:600}
.btn.primary:hover{filter:brightness(1.07)}
.btn.ghost{border-color:transparent;color:var(--silver-dim)}
.btn.small{padding:.26rem .6rem;font-size:.8rem}
.btn[disabled]{opacity:.35;cursor:not-allowed}
.row{display:flex;gap:.6rem;flex-wrap:wrap;align-items:center;margin:.6rem 0}

/* ── forms ────────────────────────────────────────────────────────────────── */
form label{display:block;margin:.65rem 0;color:var(--silver);font-size:.9rem}
input,textarea,select{width:100%;background:#08090c;color:var(--ink);border:1px solid var(--silver-dim);
  border-radius:var(--r-sm);padding:.55rem .6rem;font:inherit;margin-top:.25rem}
input:focus,textarea:focus{outline:none;border-color:var(--gold);box-shadow:0 0 0 2px rgba(215,184,92,.22)}
textarea{font:.88rem/1.5 ui-monospace,SFMono-Regular,Menlo,monospace;min-height:7rem}
fieldset{border:1px solid var(--line);border-radius:var(--r-sm);padding:.6rem .9rem;margin:.7rem 0}
legend{color:var(--muted);font-size:.8rem;padding:0 .3rem}
.chk-inline{display:inline-flex;align-items:center;gap:.35rem;width:auto;margin:.25rem 1.1rem .25rem 0;color:var(--silver)}
.chk-inline input{width:auto;margin:0}

/* ── status + verdict pills ───────────────────────────────────────────────── */
.verdict{font:600 .72rem/1 var(--sans);letter-spacing:.09em;padding:.24rem .55rem;border-radius:1rem;border:1px solid var(--silver-dim);color:var(--silver)}
.verdict.pass{color:var(--pass);border-color:var(--pass)}
.verdict.revise{color:var(--copper);border-color:var(--copper)}
.pill{font:.7rem/1 var(--sans);letter-spacing:.06em;text-transform:uppercase;padding:.22rem .55rem;
  border-radius:1rem;border:1px solid var(--line);color:var(--muted)}
.pill.approved{color:var(--pass);border-color:var(--pass)}
.pill.rejected{color:var(--reject);border-color:var(--reject)}
.pill.exported{color:var(--gold);border-color:var(--gold-dim)}
.pill.pending,.pill.needs_revision{color:var(--silver);border-color:var(--silver-dim)}

/* ── asset card ───────────────────────────────────────────────────────────── */
.card{background:var(--surface);border:1px solid var(--line);border-left:3px solid var(--silver-dim);
  border-radius:var(--r);padding:1.1rem 1.2rem;margin:.9rem 0;
  box-shadow:inset 0 1px 0 rgba(205,210,216,.04),0 1px 2px rgba(0,0,0,.4)}
.card.pass{border-left-color:var(--pass)}
.card.revise{border-left-color:var(--copper)}
.card-head{display:flex;gap:.6rem;align-items:center;flex-wrap:wrap;margin-bottom:.7rem}
.cover{font-family:var(--serif);color:var(--gold);font-size:1.12rem}
.hook{margin:.35rem 0;font-weight:600;color:var(--silver-bright)}
.cta{color:var(--copper)}
.verse{font-family:var(--serif);font-size:1.22rem;line-height:1.55;color:var(--ink);
  border-left:2px solid var(--gold-dim);padding:.15rem 0 .15rem 1rem;margin:.7rem 0}
.verse .ref{display:block;margin-top:.5rem;font:.76rem/1.4 var(--sans);letter-spacing:.14em;
  text-transform:uppercase;color:var(--gold)}
.gate{margin-top:.85rem;padding-top:.7rem;border-top:1px solid var(--line);font:.82rem/1.6 var(--sans);color:var(--muted)}
.gate .chk{color:var(--pass);font-weight:700}
.gate .x{color:var(--reject);font-weight:700}
.gate .notes{margin-top:.35rem;font-style:italic;color:var(--silver-dim)}
.actions{display:flex;gap:.5rem;align-items:flex-start;flex-wrap:wrap;margin-top:.8rem}
details.edit{margin-top:.4rem;width:100%}
details.edit summary{list-style:none;display:inline-block}
details.edit summary::-webkit-details-marker{display:none}

.status-line{color:var(--silver);font-size:.9rem;margin:.4rem 0}
.status-line em{color:var(--copper);font-style:normal}

@media(max-width:780px){
  .app{grid-template-columns:1fr}
  .rail{position:static;height:auto;flex-direction:row;flex-wrap:wrap;align-items:center;
    border-right:0;border-bottom:1px solid var(--line);padding:.7rem 1rem}
  .rail .tagline,.rail .foot{display:none}
  .nav{flex-direction:row;margin:0 0 0 auto}
  .nav a{border-left:0;border-bottom:2px solid transparent;border-radius:0}
  .nav a.active{border-left:0;border-bottom-color:var(--gold);background:none}
  main{padding:1.2rem 1rem}
  .grid{grid-template-columns:1fr}
}

/* ── Public site (Witness Network) ───────────────────────────────────────── */
body.public{display:block}
.pubnav{display:flex;align-items:center;gap:1.2rem;padding:1rem 1.6rem;border-bottom:1px solid var(--line);
  position:sticky;top:0;background:var(--bg);z-index:5;flex-wrap:wrap}
.pubnav .brand{font:600 1.15rem/1 var(--serif);color:var(--silver-bright);letter-spacing:.16em}
.pubnav .brand .mark{color:var(--gold)}
.pubnav .brand-sub{color:var(--silver-dim);font-size:.7rem;letter-spacing:.22em}
.pubnav nav{display:flex;gap:1.1rem;align-items:center;margin-left:auto}
.pubnav nav a{color:var(--silver)}
main.pub{max-width:880px;margin:0 auto;padding:2rem 1.2rem 3rem}
.pubfoot{border-top:1px solid var(--line);color:var(--silver-dim);font-size:.82rem;text-align:center;
  padding:1.4rem;font-family:var(--serif)}
.hero{text-align:center;padding:2.5rem 1rem 1.5rem}
.hero h1{font-size:2.6rem;color:var(--silver-bright);margin:.2rem 0}
.hero .tag{font-family:var(--serif);color:var(--gold);font-size:1.3rem;margin:.3rem 0}
.hero .coreline{font-family:var(--serif);color:var(--copper);font-style:italic;font-size:1.05rem}
.hero .lede{max-width:620px;margin:1rem auto;color:var(--ink)}
.lede{line-height:1.7}
.wcard{background:var(--surface);border:1px solid var(--line);border-left:3px solid var(--gold-dim);
  border-radius:var(--r);padding:1.1rem 1.3rem;margin:1rem 0}
.wcard .wtitle{font-family:var(--serif);color:var(--silver-bright);font-size:1.3rem;display:block;margin-bottom:.4rem}
.wcard .gospel{color:var(--gold);font-family:var(--serif);font-style:italic;margin-top:.5rem}
.wcard .more{display:inline-block;margin-top:.5rem;font-size:.9rem}
.tgrid{display:grid;grid-template-columns:1fr 1fr;gap:1rem}
.tcard{display:flex;flex-direction:column;gap:.4rem;background:var(--surface);border:1px solid var(--line);
  border-radius:var(--r);padding:1.1rem;color:var(--ink)}
.tcard:hover{border-color:var(--gold-dim);text-decoration:none}
.tcard-title{font-family:var(--serif);color:var(--silver-bright);font-size:1.15rem}
.tcard-sum{color:var(--muted);font-size:.9rem}
.testimony h2{font-size:1.9rem}
.testimony .byline{color:var(--silver-dim);font-size:.85rem;margin-top:-.3rem}
.testimony .summary{font-size:1.1rem;line-height:1.7;margin:1rem 0;color:var(--ink)}
.testimony .arc{display:grid;gap:.6rem;margin:1rem 0}
.testimony .arc h4{color:var(--gold);margin:.4rem 0 .2rem}
.gospel-box{border-top:1px solid var(--line);margin-top:1rem;padding-top:.8rem}
.gospel-box p{color:var(--gold);font-family:var(--serif);font-size:1.05rem}
.chip{display:inline-block;border:1px solid var(--silver-dim);color:var(--silver);border-radius:1rem;
  padding:.1rem .6rem;margin:.2rem .3rem 0 0;font-size:.78rem}
.themes{margin-top:.8rem}
.form.narrow{max-width:420px;margin:2rem auto}
.small{font-size:.8rem}
.raw{white-space:pre-wrap;color:var(--muted);font-size:.9rem;border-left:2px solid var(--line);padding-left:.8rem;margin-top:.5rem}
@media(max-width:700px){.tgrid{grid-template-columns:1fr}.hero h1{font-size:2rem}}

/* ── The Gospel Network (graph) ──────────────────────────────────────────── */
.graph-wrap{display:grid;grid-template-columns:minmax(0,1fr) 340px;gap:18px;align-items:stretch}
@media(max-width:880px){.graph-wrap{grid-template-columns:1fr}}
#graph{height:70vh;min-height:460px;position:relative;overflow:hidden;border:1px solid var(--line);
  border-radius:var(--r);background:radial-gradient(120% 90% at 50% 42%,rgba(215,184,92,.07),transparent 60%),var(--bg);
  box-shadow:inset 0 0 0 1px rgba(215,184,92,.04)}
#graph.gp-failed{display:flex;align-items:center;justify-content:center}
.graph-fontwarm{position:absolute;left:-9999px;top:-9999px;font-family:var(--serif);font-weight:400}
#node-panel{overflow-y:auto;max-height:70vh;min-height:460px}
.gp-empty{color:var(--muted);font-family:var(--serif);text-align:center;padding:48px 12px}
.gp-empty .gp-mark{display:block;font-size:30px;color:var(--gold);margin-bottom:10px}
.gp-empty .gp-sub{color:var(--silver-dim);font-style:italic;font-size:.92em}
.gp-err{color:var(--reject)}
.gp-detail{animation:gpfade .25s ease}
@keyframes gpfade{from{opacity:0}to{opacity:1}}
.gp-eyebrow{text-transform:uppercase;letter-spacing:.14em;font-size:.72rem;color:var(--gold-dim)}
.gp-title{font-family:var(--serif);color:var(--gold);font-size:1.5rem;margin:4px 0 6px}
.gp-ref{color:var(--copper);font-family:var(--serif);font-style:italic;margin-bottom:10px}
.gp-verse{border-left:2px solid var(--gold-dim);padding-left:12px;margin:12px 0;color:var(--ink);font-family:var(--serif)}
.gp-body{color:var(--silver);line-height:1.55}
.gp-gospel{margin-top:14px;padding-top:12px;border-top:1px solid var(--line);color:var(--silver)}
.gp-conn{list-style:none;padding:0;margin:12px 0}
.gp-conn li{padding:7px 0;border-bottom:1px solid var(--line);color:var(--silver-dim);font-size:.9rem}
.gp-conn li a{font-family:var(--serif)}
.gp-conn .why{display:block;color:var(--muted);font-size:.84rem;margin-top:2px}
.gp-actions{margin-top:14px}
.graph-legend{display:flex;flex-wrap:wrap;gap:14px;margin-top:12px;color:var(--silver-dim);font-size:.82rem}
.graph-legend .dot{display:inline-block;width:10px;height:10px;border-radius:50%;margin-right:6px;
  vertical-align:middle;border:1px solid var(--line)}
.graph-legend .dot.christ{background:var(--gold)}
.graph-legend .dot.scripture{background:var(--copper)}
.graph-legend .dot.doctrine{background:var(--gold)}
.graph-legend .dot.struggle{background:var(--silver-dim)}
.graph-legend .dot.channel{background:var(--silver)}
.graph-legend .dot.product{background:var(--gold-dim)}
.graph-legend .dot.packet{background:var(--pass)}

/* ── Content tracker (admin) ─────────────────────────────────────────────── */
.page-head{margin-bottom:1rem}
table.tracker{width:100%;border-collapse:collapse;font-size:.9rem}
table.tracker th,table.tracker td{text-align:left;padding:.5rem .6rem;border-bottom:1px solid var(--line);vertical-align:top}
table.tracker th{color:var(--silver-dim);font-weight:600;font-size:.78rem;text-transform:uppercase;letter-spacing:.06em}
table.tracker td .small{display:block}
.pill.needs_revision{border-color:var(--copper-dim);color:var(--copper)}

/* ── daily cockpit: grounding, today, counters ───────────────────────────── */
.panel.grounding{background:radial-gradient(120% 100% at 50% 0,rgba(215,184,92,.06),transparent 70%),var(--surface);text-align:center}
.verse.vod{border-left:0;padding:0;font-size:1.35rem;margin:.4rem auto 0;max-width:46rem;font-family:var(--serif);color:var(--ink)}
.verse.vod .ref{display:block;margin-top:.5rem;font-size:.8rem;letter-spacing:.08em;text-transform:uppercase;color:var(--gold-dim);font-style:normal}
.panel.today{border-left:3px solid var(--gold-dim)}
.panel.today .status-line{font-size:1.02rem;color:var(--silver)}
.panel.today .count{color:var(--gold);font-weight:600}
.counters{display:flex;gap:1rem;flex-wrap:wrap;margin:1.1rem 0}
.counter{flex:1 1 150px;background:var(--surface);border:1px solid var(--line);border-radius:var(--r);padding:.9rem 1rem;display:flex;flex-direction:column;gap:.15rem;color:var(--silver)}
.counter:hover{border-color:var(--gold-dim);text-decoration:none}
.counter .n{font:600 1.7rem/1 var(--serif);color:var(--silver-bright)}
.counter .k{font-size:.78rem;letter-spacing:.06em;text-transform:uppercase;color:var(--muted)}

/* ── post deck: tappable platform cells ──────────────────────────────────── */
.post-cell{text-align:center}
.postdot{display:inline-flex;align-items:center;justify-content:center;width:1.8rem;height:1.8rem;border:1px solid var(--silver-dim);background:transparent;color:var(--silver-dim);border-radius:50%;cursor:pointer;font-weight:600;font-size:.95rem;transition:.15s}
.postdot:hover{border-color:var(--gold);color:var(--gold)}
.postdot.on{border-color:var(--pass);color:var(--pass);background:linear-gradient(180deg,rgba(111,158,125,.16),transparent)}

/* ── Scripture video operator flow ─────────────────────────────────────── */
.video-guard{border-left:3px solid var(--gold-dim)}
.video-steps{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:1rem;align-items:stretch}
.video-steps .panel{margin-bottom:0}
.video-player{display:block;width:100%;max-height:420px;background:#000;border:1px solid var(--line);border-radius:var(--r-sm)}
code{font:600 .84em/1.4 ui-monospace,SFMono-Regular,Menlo,monospace;color:var(--silver-bright)}
.log-panel summary{cursor:pointer;color:var(--gold);font-weight:600}
@media(max-width:780px){.video-steps{grid-template-columns:1fr}}