/* site-chrome.css — BLOCK-585. The one top bar and footer (markup: /site-chrome.js). The live home page's look.
   Every selector is prefixed .fx- and sets its own font, colour and spacing so a page's own CSS does not reach in. */
.fx-top,.fx-foot{--fx-bg:#000;--fx-ink:#F0F0F0;--fx-dim:#878787;--fx-faint:#7C7F80;--fx-line:#1F1F1F;--fx-line-lit:#303030;--fx-em:#0EA675;--fx-or:#FF6B00;
  display:block;position:relative;margin:0;background:var(--fx-bg);color:var(--fx-ink);text-align:left;
  font-family:Inter,Geist,ui-sans-serif,system-ui,-apple-system,"Segoe UI",Roboto,sans-serif;font-size:15px;line-height:1.5;
  -webkit-font-smoothing:antialiased;letter-spacing:normal;text-transform:none;font-weight:400}
.fx-top *,.fx-foot *{box-sizing:border-box}
.fx-top a,.fx-foot a{text-decoration:none;background:none;border:0;box-shadow:none;font:inherit;margin:0}
.fx-rail{width:100%;max-width:1180px;margin:0 auto;padding:0 20px}
.fx-top{border-bottom:1px solid var(--fx-line)}
/* no z-index on the bar or footer: a z-index here sat the footer over pm-queue's close-ticket modal (z-index 9). Only the open phone menu stacks. */
.fx-bar{display:flex;align-items:center;justify-content:space-between;gap:18px;min-height:64px;padding-top:10px;padding-bottom:10px}
.fx-top .fx-brand{display:inline-flex;align-items:center;gap:12px;color:var(--fx-ink);padding:7px 0}
.fx-mark{width:32px;height:32px;flex:0 0 auto;display:grid;place-items:center;border:1px solid rgba(255,255,255,.16);border-radius:8px;background:transparent}
.fx-mark svg{width:17px;height:17px;display:block}
.fx-word{font-family:Archivo,Inter,ui-sans-serif,system-ui,sans-serif;font-weight:800;font-size:18px;letter-spacing:-.012em;line-height:1;color:#E8E8E8}
.fx-ra{color:var(--fx-or)}
.fx-links{display:flex;gap:28px;align-items:center}
.fx-top a.fx-link{font-size:15px;color:var(--fx-dim);transition:color .18s;padding:14px 0}
.fx-top a.fx-link:hover,.fx-top a.fx-link:focus-visible{color:var(--fx-ink)}
.fx-top a.fx-cta{display:inline-block;font-weight:500;font-size:15px;color:var(--fx-ink);padding:12px 26px;border:1px solid rgba(14,166,117,.45);border-radius:10px;box-shadow:0 0 40px rgba(14,166,117,.15);transition:border-color .2s,background .2s}
.fx-top a.fx-cta:hover,.fx-top a.fx-cta:focus-visible{border-color:var(--fx-em);background:rgba(14,166,117,.08)}
.fx-menu{display:none;position:static}
.fx-menu>summary{list-style:none;cursor:pointer;width:44px;height:44px;border-radius:10px;border:1px solid rgba(255,255,255,.16);background:linear-gradient(rgba(255,255,255,.055),rgba(255,255,255,.02));display:flex;flex-direction:column;align-items:center;justify-content:center;gap:5px;padding:0;margin:0}
.fx-menu>summary::-webkit-details-marker{display:none}
.fx-menu>summary::marker{content:""}
.fx-menu>summary i{display:block;width:16px;height:1.5px;background:#F0F0F0;border-radius:1px}
.fx-panel{position:absolute;left:0;right:0;top:100%;display:flex;flex-direction:column;padding:8px 20px 14px;background:rgba(7,7,7,.98);border-bottom:1px solid rgba(255,255,255,.1);z-index:60}
.fx-top a.fx-plink{display:block;font-size:18px;padding:14px 0;border-bottom:1px solid rgba(255,255,255,.07);color:#F0F0F0}
.fx-top a.fx-plink:last-child{border-bottom:0}
.fx-top a.fx-plink-cta{color:var(--fx-em)}
@media (max-width:900px){.fx-links,.fx-top a.fx-cta{display:none}.fx-menu{display:block}.fx-bar{min-height:60px}}
.fx-foot{border-top:1px solid var(--fx-line);padding-top:34px;margin-top:0;clear:both}
.fx-foot-top{display:flex;flex-wrap:wrap;gap:18px 36px;justify-content:space-between;align-items:baseline;padding-bottom:22px}
.fx-copy{font-size:13px;color:var(--fx-faint);line-height:1.6;max-width:420px}
.fx-foot-links{display:flex;flex-wrap:wrap;gap:0 26px;max-width:660px}
.fx-foot a.fx-flink{display:inline-block;font-size:15px;padding:10px 0;color:var(--fx-dim);transition:color .18s}
.fx-foot a.fx-flink:hover,.fx-foot a.fx-flink:focus-visible{color:var(--fx-em)}
.fx-help{padding-bottom:22px;font-size:14px;line-height:1.6;color:var(--fx-dim)}
.fx-help p{margin:0;padding:0;font-size:14px;color:var(--fx-dim)}
.fx-foot .fx-help a{color:var(--fx-ink);text-decoration:underline;text-decoration-color:var(--fx-line-lit);text-underline-offset:3px}
.fx-bottom{border-top:1px solid var(--fx-line);padding:18px 0 26px;display:flex;flex-wrap:wrap;gap:10px 24px;justify-content:space-between;font-size:13px;color:var(--fx-faint)}
.fx-foot .fx-bottom a{color:var(--fx-dim)}
.fx-foot .fx-bottom a:hover{color:var(--fx-em)}
@media print{.fx-top,.fx-foot{display:none!important}}