/* DayzHUB Mods pages, refined look (2026-11-05, owner: more professional): near-black with a single warm amber accent, clean type, soft corners, thin amber rule instead of
   hazard stripes. Skin only: same markup, same texts, same 14 languages. Active only under <main class="mh"> (body:has). Loaded after mods-home.css. */
body:has(main.mh){
  --bg:#0e0e0d; --bg-2:#121211; --surface:#171715; --surface-2:#1d1d1a; --surface-3:#242421;
  --line:rgba(255,255,255,.075); --line-2:rgba(255,255,255,.12); --line-3:rgba(255,255,255,.2);
  --ink:#efede6; --ink-2:#b5b2a6; --ink-3:#8b887c; --ink-4:#615f55;
  --gold:#f0a63a; --gold-2:#f7c778; --gold-3:#c98515; --gold-soft:rgba(240,166,58,.09); --gold-line:rgba(240,166,58,.45);
  --gold-grad:linear-gradient(135deg,#f7bd5c,#f0a63a);
  --live:#9bb15a; --live-soft:rgba(155,177,90,.12); --live-line:rgba(155,177,90,.4);
  --ok:#9bb15a; --r:12px; --r-sm:8px;
  background:radial-gradient(1000px 420px at 80% -6%,rgba(240,166,58,.07),transparent),var(--bg);
}
main.mh::before{content:"";display:block;height:2px;background:linear-gradient(90deg,transparent,var(--gold) 20%,var(--gold) 80%,transparent);opacity:.7}
.mh h1,.mh h2{font-stretch:100%;font-weight:800;letter-spacing:-.025em;text-transform:none}
.mh h1 span,.mh h2 span{background:none;-webkit-background-clip:initial;background-clip:initial;color:var(--gold)}
.mh .eyebrow{color:var(--gold);letter-spacing:.14em}
.mh .btn{border-radius:10px;font-weight:600;letter-spacing:0;text-transform:none;font-size:15px}
.mh .btn.gold{background:var(--gold);color:#1b1305;box-shadow:0 8px 24px -12px rgba(240,166,58,.6)}
.mh .btn.gold:hover{background:#f7bd5c;box-shadow:0 10px 28px -12px rgba(240,166,58,.75)}
.mh .btn.ghost{background:rgba(255,255,255,.03)}
.mh .hero{background:radial-gradient(900px 380px at 75% 0,rgba(240,166,58,.08),transparent 70%)}
.mh .chip{border-radius:999px;font-family:var(--f-m);color:var(--ink-2)}
.mh .chip::before{content:"\2713\00a0";color:var(--ok)}
.mh .shot{border-color:var(--line-2);box-shadow:0 30px 70px -30px rgba(0,0,0,.9)}
.mh .card{transition:transform .18s ease,border-color .18s ease}
.mh a.card:hover{border-color:var(--gold-line);transform:translateY(-3px)}
.mh .card .pic.ph{background:linear-gradient(135deg,var(--surface-2),#0f0f0d);color:var(--gold)}
.mh .st{background:rgba(14,14,13,.88)}
.mh .step,.mh .why div{border-top:2px solid var(--gold-line)}
.mh .step::before{color:#1b1305;background:var(--gold)}
.mh .why div{padding-top:14px}
.mh code{color:var(--gold-2)}
.mh .cta2{background:linear-gradient(180deg,var(--surface-2),var(--surface));border-top:1px solid var(--gold-line)}
.mh .cta2 h2{color:var(--ink)}
@media (prefers-reduced-motion:reduce){.mh .card{transition:none}.mh a.card:hover{transform:none}}

/* Trust list (modshome.trust*) */
.mh .trust4{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px}
.mh .trust4 li{background:var(--surface);border:1px solid var(--line);border-radius:var(--r);padding:20px;color:var(--ink-2);font-size:15px;line-height:1.5}
.mh .trust4 li::before{content:"\2713\00a0";color:var(--ok);font-weight:800}
@media(max-width:1000px){.mh .trust4{grid-template-columns:1fr 1fr}}
@media(max-width:620px){.mh .trust4{grid-template-columns:1fr}}

/* Professional polish: banded sections, quieter cards, spotlight hero */
.mh section.line{background:linear-gradient(180deg,#0b0b0a,var(--bg) 70%)}
.mh section.line + section.line{background:var(--bg)}
.mh .head .eyebrow::before{content:"";display:inline-block;width:26px;height:1px;background:var(--gold);opacity:.8;margin-right:2px}
.mh .card{background:linear-gradient(180deg,var(--surface-2),var(--surface));box-shadow:0 1px 0 rgba(255,255,255,.03) inset}
.mh a.card:hover{box-shadow:0 22px 50px -30px rgba(0,0,0,.95)}
.mh .card .body h3{font-size:19px;letter-spacing:-.01em}
.mh .panel,.mh .step{background:linear-gradient(180deg,var(--surface-2),var(--surface))}
.mh .notes span::before{color:var(--ok)}
.mh .hero .lead{max-width:54ch}