/* Heye Mining — Non-home pages: solid theme derived from homepage palette */
:root{
  --bg1:#0F1315; --bg2:#14181B; /* deep charcoal gradient */
  --text:#E9EEF2; --muted:#A6ADB4; --accent:#FF6A00;
  --panel:rgba(18,22,25,.78); --panel-strong:rgba(18,22,25,.86);
  --border:rgba(255,255,255,.10);
  --radius:14px; --wrap:1080px;
}
*{box-sizing:border-box}
html,body{height:100%}
body{
  margin:0;
  color:var(--text);
  font-family:Inter,system-ui,Arial;
  background:
    radial-gradient(800px 400px at 20% -10%, rgba(255,106,0,.15), transparent 55%),
    linear-gradient(180deg, var(--bg1), var(--bg2));
}
a{color:var(--accent);text-decoration:none}
a:focus,button:focus,input:focus,textarea:focus{outline:2px solid var(--accent);outline-offset:2px}

/* Overlay header reused; translucent over solid background */
:root{ --border: rgba(255,255,255,.10); }
header.hm {
  position: sticky; top: 0; z-index: 20;
  background: rgba(15,19,21,.55);
  backdrop-filter: blur(10px);
  border-bottom: 1px solid var(--border);
}
.hm .row{
  max-width: 1100px; margin: 0 auto; padding: 12px 18px;
  display: flex; align-items: center; justify-content: space-between; gap: 16px;
}
.hm .brand{ display:flex; align-items:center; gap:10px; color:#fff; font:800 18px/1.1 Montserrat,system-ui; letter-spacing:.3px }
.hm .brand img{ width:34px; height:34px }
.hm nav{ display:flex; align-items:center; gap:16px; }
.hm nav a{ color:#E6EAED; text-decoration:none; font-weight:700; text-shadow:0 2px 12px rgba(0,0,0,.35) }
.hm nav a:hover{ color:#fff }
@media (max-width: 900px){ .hm nav{ display:none } }

/* Page shell */
.wrap{max-width:var(--wrap);margin:0 auto;padding:20px}
.page{min-height:100vh;display:flex;align-items:flex-start}
.card{
  width:100%; margin-top:8vh;
  background:var(--panel);
  border:1px solid var(--border);
  backdrop-filter:blur(8px);
  border-radius:var(--radius);
  overflow:hidden;
  box-shadow:0 12px 36px rgba(0,0,0,.35);
}
.card header{
  padding:18px 22px;
  border-bottom:1px solid var(--border);
  font:800 34px/1.1 Montserrat,system-ui;
}
.card .content{ padding:18px 22px; line-height:1.7 }
.card .content h2{ font:700 20px/1.2 Montserrat,system-ui; margin:18px 0 8px }
.card .content p{ margin:0 0 12px }
.card .content .muted{ color:var(--muted) }

/* Footer chip */
footer.min{
  position:fixed;bottom:12px;left:50%;transform:translateX(-50%);
  background:rgba(15,19,21,.55);backdrop-filter:blur(6px);
  padding:8px 12px;border-radius:12px;border:1px solid var(--border);
  font-size:12px;color:#C9D0D6
}
footer.min a{color:#fff;margin:0 10px}
@media (max-width: 720px){ .card header{font-size:26px} }