/* ============================================================
   ENTHUSIAST EXCHANGE — HELP CENTER.
   Uses only fi-styles.css variables.
   ============================================================ */
.crumbs{ background:var(--paper); border-bottom:1px solid var(--line); }
.crumbs__inner{ display:flex; flex-wrap:wrap; align-items:center; gap:8px; padding:11px 0;
  font-family:var(--f-mono); font-size:10.5px; letter-spacing:.05em; text-transform:uppercase; }
.crumbs a{ color:var(--carbon); } .crumbs a:hover{ color:var(--command); }
.crumbs .sep{ color:var(--line-input); } .crumbs .cur{ color:var(--ink); font-weight:500; }
.hhero{ position:relative; background:var(--ocean-900); color:#fff; overflow:hidden; }
.hhero__ghost{ position:absolute; right:-2%; top:50%; transform:translateY(-50%); font-family:var(--f-head); font-weight:900;
  font-size:clamp(60px,11vw,130px); line-height:1; color:transparent; -webkit-text-stroke:1.5px rgba(255,255,255,.07);
  pointer-events:none; user-select:none; white-space:nowrap; }
.hhero__inner{ position:relative; z-index:2; padding-block:34px 36px; }
.hhero__kicker{ font-family:var(--f-mono); font-size:10px; letter-spacing:.16em; text-transform:uppercase; color:var(--lime); }
.hhero h1{ font-family:var(--f-head); font-weight:800; text-transform:uppercase; font-size:clamp(1.7rem,4.2vw,2.5rem); line-height:.95; margin:10px 0 10px; }
.hhero h1 .lime{ color:var(--lime); }
.hhero__sub{ font-size:14px; line-height:1.6; color:rgba(255,255,255,.78); max-width:62ch; }

.hsearch{ position:relative; max-width:560px; margin-top:18px; }
.hsearch svg{ position:absolute; left:14px; top:50%; transform:translateY(-50%); width:17px; height:17px; color:rgba(255,255,255,.5); }
.hsearch input{ width:100%; padding:13px 15px 13px 42px; background:rgba(255,255,255,.07); border:1px solid var(--line-dark);
  border-radius:var(--r-sm); color:#fff; font-size:15px; }
.hsearch input::placeholder{ color:rgba(255,255,255,.45); }
.hsearch input:focus{ outline:2px solid var(--lime); outline-offset:1px; }
.hsec{ padding-block:40px 8px; }
.hsec:last-of-type{ padding-bottom:48px; }
.blocknum{ font-family:var(--f-mono); font-size:10px; letter-spacing:.14em; text-transform:uppercase; color:var(--command); }
.hsec h2{ font-family:var(--f-head); font-weight:800; text-transform:uppercase; font-size:22px; line-height:.95; color:var(--ink); margin:8px 0 16px; }
.hsec h2 .hl{ color:var(--command); }
.topics{ display:grid; grid-template-columns:1fr; gap:12px; }
@media (min-width:640px){ .topics{ grid-template-columns:1fr 1fr; } }
@media (min-width:1020px){ .topics{ grid-template-columns:repeat(3,1fr); } }
.topic{ background:var(--paper); border:1px solid var(--line); border-radius:var(--r); padding:18px 17px; transition:var(--t); }
.topic:hover{ border-color:var(--command); box-shadow:var(--sh-sm); }
.topic__ico{ width:44px; height:44px; border-radius:var(--r-sm); background:var(--bone); color:var(--command); display:grid; place-items:center; margin-bottom:11px; }
.topic__ico svg{ width:23px; height:23px; }
.topic h3{ font-family:var(--f-head); font-weight:800; text-transform:uppercase; font-size:15px; color:var(--ink); margin-bottom:9px; }
.topic__links{ display:flex; flex-direction:column; gap:5px; }
.topic__links a{ font-size:13px; color:var(--carbon); transition:var(--t); }
.topic__links a:hover{ color:var(--command); padding-left:3px; }
.hfaq{ max-width:840px; }
.hfaq h3{ font-family:var(--f-head); font-weight:800; text-transform:uppercase; font-size:15.5px; color:var(--ink); margin:16px 0 6px; }
.hfaq p{ font-size:13.5px; line-height:1.7; color:var(--carbon); margin-bottom:8px; }
.hfaq p b{ color:var(--ink); }
.hfaq a{ color:var(--command); text-decoration:underline; text-underline-offset:2px; }
.hcontact{ background:var(--ocean-900); color:#fff; border-radius:var(--r); padding:24px 22px; display:grid; gap:16px; grid-template-columns:1fr; }
@media (min-width:768px){ .hcontact{ grid-template-columns:repeat(3,1fr); } }
.hc{ display:flex; gap:12px; align-items:flex-start; }
.hc svg{ width:22px; height:22px; color:var(--lime); flex:none; margin-top:2px; }
.hc h3{ font-family:var(--f-head); font-weight:800; text-transform:uppercase; font-size:15px; margin-bottom:4px; }
.hc p{ font-size:12.5px; line-height:1.55; color:rgba(255,255,255,.7); }
.hc a{ color:var(--lime); text-decoration:underline; text-underline-offset:2px; }

/* ==== utilities (extracted from inline style attributes) ==== */
.u5dcff1b{ color:var(--lime) !important; text-decoration:underline !important; text-underline-offset:2px !important; }