/* ── AURVEX LUMEN · mobile.css ──────────────────────────────────────────────
   The mobile layer (approved mockup: mockups/mobile.html). Everything lives
   inside one breakpoint — desktop is untouched by design. Injected chrome
   (#aurxTop / #aurxTab / #aurxSheet) comes from mobile.js.                  */

#aurxTop,#aurxTab,#aurxSheet,#aurxSheetBg{display:none}

@media (max-width:720px){

/* the page's own desktop nav yields to the injected chrome */
nav{display:none !important}
body{padding-bottom:76px !important}

/* ── slim top bar ── */
#aurxTop{display:flex;align-items:center;gap:10px;position:sticky;top:0;z-index:60;
  padding:12px 16px;background:rgba(10,15,26,.94);backdrop-filter:blur(10px);
  border-bottom:1px solid rgba(201,169,106,.16)}
#aurxTop .wd{font-family:'Orbitron',sans-serif;font-weight:700;font-size:.7rem;
  letter-spacing:.22em;color:#edeae2;text-decoration:none}
#aurxTop .wd b{color:#c9a96a}
#aurxTop .sp{flex:1}
#aurxTop .seal{font-family:'JetBrains Mono','Courier New',monospace;font-size:.5rem;
  letter-spacing:.12em;color:#ffb054;border:1px solid rgba(255,176,84,.35);
  border-radius:999px;padding:4px 9px;white-space:nowrap}

/* ── bottom tab bar ── */
#aurxTab{display:flex;position:fixed;bottom:0;left:0;right:0;z-index:60;
  background:rgba(10,15,26,.96);backdrop-filter:blur(10px);
  border-top:1px solid rgba(201,169,106,.16);
  padding-bottom:env(safe-area-inset-bottom,0)}
#aurxTab a{flex:1;text-align:center;padding:10px 0 12px;text-decoration:none}
#aurxTab .g{display:block;font-size:1.05rem;color:#8a93a6;line-height:1.2}
#aurxTab .l{display:block;font-family:'Orbitron',sans-serif;font-size:.42rem;
  letter-spacing:.16em;color:#8a93a6;margin-top:3px}
#aurxTab a.on .g,#aurxTab a.on .l{color:#e2cb96}

/* ── pantheon sheet ── */
#aurxSheetBg{position:fixed;inset:0;z-index:70;background:rgba(4,7,12,.7);
  backdrop-filter:blur(3px);opacity:0;pointer-events:none;transition:opacity .25s}
#aurxSheet{position:fixed;left:0;right:0;bottom:0;z-index:71;background:#0d1424;
  border-top:1px solid rgba(201,169,106,.35);border-radius:22px 22px 0 0;
  padding:14px 16px calc(26px + env(safe-area-inset-bottom,0));
  transform:translateY(105%);transition:transform .3s cubic-bezier(.2,.9,.3,1);display:block}
body.aurx-sheet-open #aurxSheetBg{opacity:1;pointer-events:auto}
body.aurx-sheet-open #aurxSheet{transform:none}
#aurxSheet .grab{width:44px;height:4px;border-radius:4px;background:rgba(201,169,106,.4);margin:0 auto 14px}
#aurxSheet .sl{font-family:'Orbitron',sans-serif;font-size:.5rem;letter-spacing:.3em;
  color:#c9a96a;margin:10px 4px 10px;text-transform:uppercase}
#aurxSheet .grid{display:grid;grid-template-columns:repeat(3,1fr);gap:10px}
#aurxSheet .cell{background:rgba(16,24,40,.8);border:1px solid rgba(201,169,106,.16);
  border-radius:12px;padding:13px 4px;text-align:center;text-decoration:none}
#aurxSheet .cell .g{font-size:1.2rem;color:#e2cb96;display:block}
#aurxSheet .cell .n{font-family:'Orbitron',sans-serif;font-size:.44rem;letter-spacing:.14em;
  color:#8a93a6;margin-top:6px;display:block}
#aurxSheet .cell .s{font-family:'Cormorant Garamond',Georgia,serif;font-style:italic;
  font-size:.64rem;color:#8a744a;display:block;margin-top:2px}
#aurxSheet .cell.on{border-color:rgba(201,169,106,.5)}
#aurxSheet .cell.on .n{color:#e2cb96}
#aurxSheet .till{display:flex;align-items:center;gap:12px;text-align:left;
  padding:12px 16px;grid-template-columns:none}
#aurxSheet .till .n{margin:0}

/* ── the reader, mobile-sized (report classes are shared house-wide) ── */
/* the library's two-column stat grid (160px | text) strangles phones — stack it */
.stat{display:block !important;grid-template-columns:none !important}
.stat .v{display:block !important;text-align:left;margin:0 0 8px !important;width:auto !important}
.stat p{width:auto !important;max-width:none !important}
/* reader head: serial + title + meta stack instead of fighting for one row */
#readerHead{flex-direction:column !important;align-items:flex-start !important;gap:5px !important;padding:12px 16px !important}
#readerTitle{font-size:.62rem !important;letter-spacing:.08em !important;line-height:1.6 !important;word-break:break-word}
#readerMeta{font-size:.5rem !important;letter-spacing:.12em !important;line-height:1.6 !important}
#docView{padding:22px 14px !important}

.ptitle{font-size:1.45rem !important;line-height:1.3 !important}
.psub{font-size:.8rem !important;line-height:1.8 !important}
.slab{font-size:.56rem !important;letter-spacing:.24em !important}
.stat{padding:14px !important}
.stat .v{font-size:1.6rem !important}
.stat p{font-size:.82rem !important;line-height:1.8 !important}
.callout{font-size:.8rem !important;line-height:1.8 !important;padding:14px 15px !important}
.note{font-size:.62rem !important;line-height:1.9 !important}

/* grade / fib / checklist tables → stacked cards */
.dtable table,.dtable tbody{display:block;width:100%}
.dtable thead{display:none}
.dtable tr{display:block;background:rgba(16,24,40,.6);
  border:1px solid rgba(201,169,106,.16);border-radius:10px;
  padding:11px 13px;margin-bottom:9px}
.dtable td,.dtable th{display:block;border:none !important;padding:2px 0 !important;
  font-size:.76rem !important;line-height:1.6 !important;text-align:left !important}
.dtable td:first-child{font-family:'JetBrains Mono','Courier New',monospace;
  font-size:.6rem !important;letter-spacing:.06em;color:#edeae2;margin-bottom:2px}
.dtable td:nth-child(2){font-size:.9rem !important;margin-bottom:2px}
.dtable td:last-child{color:#8a93a6}

/* meters and svg gauges breathe */
.dtable + div svg,svg[viewBox='0 0 300 168']{max-width:300px !important}

/* generic container relief on phones */
#main{grid-template-columns:1fr !important;padding-left:14px !important;padding-right:14px !important}
}