/* HAX.GG v061 — editorial interactions and connected News experience. */

/* Mission cards become full interactive stories with subtle motion and a controlled light sweep. */
html body.hax-page-index #ecosystem .hax-editorial-feature {
  display:flex !important; flex-direction:column !important; align-self:stretch !important;
  color:inherit !important; text-decoration:none !important; cursor:pointer !important;
  position:relative !important; overflow:hidden !important;
  transition: transform .32s cubic-bezier(.2,.75,.25,1), background-color .32s ease, box-shadow .32s ease !important;
}
html body.hax-page-index #ecosystem .hax-editorial-feature::after {
  content:""; position:absolute; inset:0; pointer-events:none; opacity:0;
  background:linear-gradient(115deg,transparent 15%,rgba(255,255,255,.08) 48%,transparent 74%);
  transform:translateX(-35%); transition:opacity .28s ease,transform .55s ease;
}
html body.hax-page-index #ecosystem .hax-editorial-feature:hover,
html body.hax-page-index #ecosystem .hax-editorial-feature:focus-visible {
  transform:translateY(-4px) !important; box-shadow:0 22px 55px rgba(0,0,0,.25) !important;
  outline:2px solid rgba(150,184,220,.38) !important; outline-offset:2px;
}
html body.hax-page-index #ecosystem .hax-editorial-feature:hover::after,
html body.hax-page-index #ecosystem .hax-editorial-feature:focus-visible::after { opacity:1; transform:translateX(30%); }
html body.hax-page-index #ecosystem .hax-editorial-feature-media { overflow:hidden !important; }
html body.hax-page-index #ecosystem .hax-editorial-feature-media img { transition:transform .65s cubic-bezier(.2,.75,.25,1),filter .4s ease !important; }
html body.hax-page-index #ecosystem .hax-editorial-feature:hover .hax-editorial-feature-media img,
html body.hax-page-index #ecosystem .hax-editorial-feature:focus-visible .hax-editorial-feature-media img { transform:scale(1.025) !important; filter:saturate(1.04) brightness(1.04) !important; }
html body.hax-page-index #ecosystem .hax-editorial-story {
  position:relative !important; text-decoration:none !important; cursor:pointer !important;
  transition:transform .28s ease,background .3s ease,box-shadow .3s ease !important;
  will-change:transform;
}
html body.hax-page-index #ecosystem .hax-editorial-story::before {
  content:""; position:absolute; z-index:1; inset:0; pointer-events:none; opacity:0;
  background:linear-gradient(112deg,rgba(80,137,190,.12),transparent 66%); transition:opacity .28s ease;
}
html body.hax-page-index #ecosystem .hax-editorial-story:hover,
html body.hax-page-index #ecosystem .hax-editorial-story:focus-visible {
  transform:translateY(-3px) !important; background:linear-gradient(112deg,#26394d 0%,#1a293b 62%,#101b29 100%) !important;
  box-shadow:0 12px 28px rgba(0,0,0,.22) !important; outline:1px solid rgba(170,199,230,.16) !important; outline-offset:0;
}
html body.hax-page-index #ecosystem .hax-editorial-story:hover::before,
html body.hax-page-index #ecosystem .hax-editorial-story:focus-visible::before { opacity:1; }
html body.hax-page-index #ecosystem .hax-editorial-story > img { transition:transform .5s ease,filter .35s ease !important; }
html body.hax-page-index #ecosystem .hax-editorial-story:hover > img,
html body.hax-page-index #ecosystem .hax-editorial-story:focus-visible > img { transform:scale(1.045) !important; filter:brightness(1.04) saturate(1.05) !important; }
html body.hax-page-index #ecosystem .hax-editorial-story h3 { transition:color .28s ease, transform .28s ease !important; }
html body.hax-page-index #ecosystem .hax-editorial-story:hover h3,
html body.hax-page-index #ecosystem .hax-editorial-story:focus-visible h3 { color:#fff !important; transform:translateX(2px); }
html body.hax-page-index #ecosystem .hax-editorial-story-origin img { transition:filter .28s ease, transform .28s ease !important; }
html body.hax-page-index #ecosystem .hax-editorial-story:hover .hax-editorial-story-origin img { filter:brightness(1.13); transform:scale(1.06); }

/* News listing and article pages use clean light editorial surfaces, keeping the global nav/footer. */
.hax-news-hub,.hax-news-article-shell { background:#eeeff1; color:#1b1c20; font-family:Inter,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif; }
.hax-news-wrap { width:min(1440px,calc(100% - 64px)); margin-inline:auto; }
.hax-news-hub-intro { position:relative; overflow:hidden; padding:clamp(48px,6vw,84px) 0 36px; background:radial-gradient(ellipse at 80% 0%,rgba(90,123,158,.18),transparent 36%),linear-gradient(180deg,#f7f7f8,#eeeff1); }
.hax-news-hub-intro::after { content:""; position:absolute; pointer-events:none; inset:0; opacity:.17; background-image:linear-gradient(rgba(24,28,36,.08) 1px,transparent 1px),linear-gradient(90deg,rgba(24,28,36,.08) 1px,transparent 1px); background-size:42px 42px; mask-image:linear-gradient(120deg,black,transparent 75%); }
.hax-news-hub-intro .hax-news-wrap { position:relative; z-index:1; }
.hax-news-eyebrow { margin:0 0 10px; color:#68707d; font:750 .67rem/1.3 Inter,system-ui,sans-serif; letter-spacing:.15em; text-transform:uppercase; }
.hax-news-hub-intro h1 { margin:0; max-width:15ch; color:#17191e; font:750 clamp(2.4rem,5.5vw,4.8rem)/.98 Inter,system-ui,sans-serif; letter-spacing:-.065em; text-wrap:balance; }
.hax-news-hub-intro > .hax-news-wrap > p:last-child { max-width:58ch; margin:18px 0 0; color:#5a606a; font-size:clamp(.98rem,1.35vw,1.15rem); line-height:1.65; }
.hax-news-featured-section { padding:20px 0 52px; }
.hax-news-section-head { display:flex; align-items:flex-end; justify-content:space-between; gap:18px; margin:0 0 20px; }
.hax-news-section-head h2 { margin:0; color:#1a1c21; font:720 clamp(1.55rem,2.4vw,2.2rem)/1.08 Inter,system-ui,sans-serif; letter-spacing:-.045em; }
.hax-news-section-head a { color:#424955; font-size:.84rem; font-weight:650; text-decoration:none; white-space:nowrap; }
.hax-news-section-head a:hover { color:#000; }
.hax-news-feature-layout { display:grid; grid-template-columns:minmax(0,1.35fr) minmax(380px,.9fr); gap:16px; align-items:stretch; }
.hax-news-feature,.hax-news-card { min-width:0; overflow:hidden; color:inherit; text-decoration:none; background:#f9f9fa; border:1px solid rgba(20,24,30,.08); border-radius:4px; box-shadow:0 4px 16px rgba(22,28,36,.035); transition:transform .28s ease,box-shadow .3s ease,background .3s ease; }
.hax-news-feature { display:flex; flex-direction:column; }
.hax-news-feature-media { position:relative; overflow:hidden; background:#171a21; aspect-ratio:16/9; }
.hax-news-feature-media::after,.hax-news-card-media::after { content:""; position:absolute; inset:auto 0 0; height:36%; background:linear-gradient(180deg,transparent,rgba(0,0,0,.28)); pointer-events:none; }
.hax-news-feature-media img,.hax-news-card-media img { display:block; width:100%; height:100%; object-fit:cover; transition:transform .55s ease,filter .32s ease; }
.hax-news-feature-media img { position:absolute; inset:0; }
.hax-news-feature-copy { position:relative; display:flex; flex-direction:column; align-items:flex-start; gap:8px; padding:clamp(20px,2.4vw,30px); background:linear-gradient(120deg,#f8f8fa,#e9edf2); flex:1; }
.hax-news-kicker { color:#7b8490; font-size:.61rem; font-weight:800; letter-spacing:.16em; text-transform:uppercase; }
.hax-news-origin { display:inline-flex; align-items:center; gap:7px; color:#66707d; font:750 .65rem/1.2 Inter,system-ui,sans-serif; letter-spacing:.095em; text-transform:uppercase; }
.hax-news-origin img { display:block; width:20px; height:20px; object-fit:contain; border-radius:50%; background:#171a20; }
.hax-news-origin-small img { width:18px; height:18px; }
.hax-news-feature-copy h2 { margin:2px 0 0; color:#17191e; font:750 clamp(1.55rem,2.5vw,2.5rem)/1.04 Inter,system-ui,sans-serif; letter-spacing:-.05em; text-wrap:balance; }
.hax-news-feature-copy p { margin:2px 0 8px; max-width:58ch; color:#5a626e; font-size:.93rem; line-height:1.6; }
.hax-news-read { display:inline-flex; align-items:center; gap:12px; margin-top:auto; padding-top:6px; color:#20242b; font-size:.82rem; font-weight:750; }
.hax-news-read b { display:grid; place-items:center; width:29px; height:29px; border-radius:50%; background:#daddE2; font-size:1rem; transition:transform .25s ease,background .25s ease; }
.hax-news-feature-stack { display:grid; grid-template-rows:repeat(3,minmax(0,1fr)); gap:12px; }
.hax-news-card-side { display:grid; grid-template-columns:minmax(0,1fr) minmax(130px,34%); min-height:145px; }
.hax-news-card-media { position:relative; overflow:hidden; min-width:0; min-height:0; background:#171a21; }
.hax-news-card-side .hax-news-card-media { grid-column:2; grid-row:1; }
.hax-news-card-side .hax-news-card-copy { grid-column:1; grid-row:1; padding:clamp(13px,1.6vw,22px); display:flex; flex-direction:column; justify-content:center; align-items:flex-start; gap:9px; }
.hax-news-card-copy h3 { margin:0; color:#1b1d22; font-size:clamp(.98rem,1.2vw,1.18rem); font-weight:720; line-height:1.18; letter-spacing:-.03em; text-wrap:balance; }
.hax-news-card-copy p { margin:0; color:#616873; font-size:.78rem; line-height:1.5; }
.hax-news-more-section { padding:10px 0 clamp(50px,6vw,86px); }
.hax-news-more-section .hax-news-section-head { margin-bottom:18px; }
.hax-news-filters { display:flex; flex-wrap:wrap; gap:8px; margin:0 0 22px; }
.hax-news-filters button { appearance:none; border:1px solid #c9cbd0; border-radius:999px; background:transparent; color:#545b65; padding:8px 14px; font:650 .77rem/1.2 Inter,system-ui,sans-serif; cursor:pointer; transition:background .2s ease,color .2s ease,border-color .2s ease; }
.hax-news-filters button:hover,.hax-news-filters button:focus-visible { border-color:#1e242d; color:#17191e; outline:none; }
.hax-news-filters button.is-active { background:#1b2028; color:#fff; border-color:#1b2028; }
.hax-news-grid { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:16px; }
.hax-news-card-grid { display:flex; flex-direction:column; min-height:100%; }
.hax-news-card-grid .hax-news-card-media { aspect-ratio:16/9; flex:0 0 auto; }
.hax-news-card-grid .hax-news-card-copy { display:flex; flex-direction:column; align-items:flex-start; gap:10px; padding:20px; flex:1; }
.hax-news-card-grid .hax-news-card-copy p { font-size:.84rem; line-height:1.58; }
.hax-news-card-arrow,.hax-news-feature-arrow { position:absolute; z-index:2; right:13px; top:13px; display:grid; place-items:center; width:35px; height:35px; border-radius:50%; background:rgba(10,14,20,.72); color:#fff; font-size:1.05rem; backdrop-filter:blur(8px); transition:transform .25s ease,background .25s ease; }
.hax-news-feature-arrow { width:42px; height:42px; right:18px; top:18px; }
.hax-news-feature:hover,.hax-news-card:hover,.hax-news-feature:focus-visible,.hax-news-card:focus-visible { transform:translateY(-3px); background:#fff; box-shadow:0 15px 34px rgba(20,26,34,.12); outline:2px solid rgba(28,47,71,.22); outline-offset:2px; }
.hax-news-feature:hover img,.hax-news-card:hover img,.hax-news-feature:focus-visible img,.hax-news-card:focus-visible img { transform:scale(1.035); filter:saturate(1.04); }
.hax-news-feature:hover .hax-news-feature-arrow,.hax-news-card:hover .hax-news-card-arrow { transform:translate(2px,-2px); background:#111720; }
.hax-news-empty { padding:22px 0; color:#5d6470; }
.hax-news-card[hidden] { display:none !important; }

/* Article template: single content column paired with related stories, like a connected newsroom. */
.hax-news-article-shell { padding:24px 0 clamp(56px,7vw,96px); min-height:60vh; }
.hax-news-breadcrumb { width:min(1360px,calc(100% - 64px)); margin:0 auto 24px; display:flex; flex-wrap:wrap; gap:9px; color:#777e88; font-size:.73rem; }
.hax-news-breadcrumb a { color:#5f6670; text-decoration:none; }
.hax-news-breadcrumb a:hover { color:#14171c; text-decoration:underline; }
.hax-news-article-layout { display:grid; grid-template-columns:minmax(0,1fr) minmax(270px,330px); gap:clamp(25px,4vw,58px); width:min(1360px,calc(100% - 64px)); margin-inline:auto; align-items:start; }
.hax-news-article { min-width:0; }
.hax-news-article-header { padding:0 0 24px; }
.hax-news-category { display:inline-flex; align-items:center; min-height:24px; padding:0 9px; margin-bottom:15px; border-radius:2px; background:#d9dde3; color:#414b58; font-size:.63rem; font-weight:800; letter-spacing:.11em; text-transform:uppercase; }
.hax-news-article-header h1 { margin:0; color:#191b20; max-width:20ch; font:750 clamp(2rem,4vw,3.75rem)/1.02 Inter,system-ui,sans-serif; letter-spacing:-.06em; text-wrap:balance; }
.hax-news-article-deck { max-width:68ch; margin:17px 0 14px; color:#5d636d; font-size:clamp(1rem,1.45vw,1.2rem); line-height:1.6; }
.hax-news-article-source { margin-top:14px; }
.hax-news-article-cover { margin:0 0 25px; }
.hax-news-article-cover img { display:block; width:100%; max-height:580px; aspect-ratio:16/9; object-fit:cover; background:#202329; }
.hax-news-article-cover figcaption { padding-top:8px; color:#787f89; font-size:.67rem; }
.hax-news-article-body-copy { max-width:78ch; color:#343943; font-size:1rem; line-height:1.85; }
.hax-news-article-body-copy > p { margin:0 0 1.25em; }
.hax-news-article-note { margin:32px 0; padding:22px 24px; background:linear-gradient(130deg,#e1e5ea,#f7f7f8); border-left:3px solid #26384e; }
.hax-news-article-note strong { display:block; color:#1d222a; font-size:1rem; }
.hax-news-article-note p { margin:7px 0 12px; color:#565d68; font-size:.88rem; line-height:1.6; }
.hax-news-article-note a { color:#232b36; font-size:.83rem; font-weight:750; text-decoration:none; }
.hax-news-article-note a:hover { text-decoration:underline; text-underline-offset:3px; }
.hax-news-article-end { display:flex; flex-wrap:wrap; justify-content:space-between; gap:14px; padding-top:20px; margin-top:26px; border-top:1px solid #cdd0d5; }
.hax-news-article-end a { color:#353c46; font-size:.8rem; font-weight:700; text-decoration:none; }
.hax-news-article-end a:hover { color:#000; }
.hax-news-sidebar { position:sticky; top:calc(var(--hax-top-h,78px) + 22px); padding:20px; background:#e3e5e8; }
.hax-news-sidebar-head { margin-bottom:13px; }
.hax-news-sidebar-head .hax-news-eyebrow { margin-bottom:5px; }
.hax-news-sidebar-head h2 { margin:0; color:#1b1e24; font-size:1.35rem; letter-spacing:-.04em; }
.hax-news-related-card { display:grid; grid-template-columns:82px minmax(0,1fr) 14px; gap:11px; align-items:center; padding:12px 0; border-top:1px solid #c8cbd1; color:inherit; text-decoration:none; }
.hax-news-related-card img { width:82px; height:62px; object-fit:cover; background:#202329; }
.hax-news-related-card span { min-width:0; display:flex; flex-direction:column; gap:5px; }
.hax-news-related-card small { color:#727987; font-size:.58rem; font-weight:800; letter-spacing:.1em; text-transform:uppercase; }
.hax-news-related-card strong { color:#252932; font-size:.78rem; line-height:1.28; font-weight:720; }
.hax-news-related-card > b { color:#555e6c; font-size:.9rem; }
.hax-news-related-card:hover strong { color:#000; text-decoration:underline; text-underline-offset:2px; }
.hax-news-sidebar-all { display:flex; justify-content:space-between; align-items:center; gap:10px; padding-top:14px; margin-top:8px; border-top:1px solid #c8cbd1; color:#202631; font-size:.79rem; font-weight:750; text-decoration:none; }
.hax-news-sidebar-all:hover { text-decoration:underline; text-underline-offset:3px; }

/* Help: remove the decorative H badge and keep sections closer together. */
.hax-help-v038 .haxh38-brand-mark { display:none !important; }
.hax-help-v038 .haxh38-brand { gap:0 !important; }
.hax-help-v038 .haxh38-section { margin:19px 0 0 !important; }
.hax-help-v038 .haxh38-section-heading { margin-bottom:10px !important; }
.hax-help-v038 .haxh38-section + .haxh38-section { margin-top:21px !important; }
.hax-help-v038 .haxh38-common-card.is-account-connected { background:#e0e4e7 !important; }
.hax-help-v038 .haxh38-common-card.is-account-connected strong::after { content:" ✓"; color:#47705c; }
@media(max-width:1050px) {
 .hax-news-feature-layout { grid-template-columns:minmax(0,1fr); }
 .hax-news-feature-stack { grid-template-columns:repeat(3,minmax(0,1fr)); grid-template-rows:auto; }
 .hax-news-card-side { display:flex; flex-direction:column; }
 .hax-news-card-side .hax-news-card-media { order:0; aspect-ratio:16/9; }
 .hax-news-card-side .hax-news-card-copy { order:1; padding:14px; }
 .hax-news-card-side .hax-news-card-copy p { display:none; }
 .hax-news-article-layout { grid-template-columns:minmax(0,1fr) 270px; gap:24px; }
}
@media(max-width:760px) {
 .hax-news-wrap,.hax-news-breadcrumb,.hax-news-article-layout { width:calc(100% - 34px); }
 .hax-news-hub-intro { padding-top:44px; }
 .hax-news-feature-stack { grid-template-columns:minmax(0,1fr); }
 .hax-news-card-side { display:grid; grid-template-columns:minmax(0,1fr) 33%; min-height:126px; }
 .hax-news-card-side .hax-news-card-media { grid-column:2; grid-row:1; aspect-ratio:auto; }
 .hax-news-card-side .hax-news-card-copy { grid-column:1; grid-row:1; padding:13px; }
 .hax-news-card-side .hax-news-card-copy p { display:none; }
 .hax-news-grid { grid-template-columns:repeat(2,minmax(0,1fr)); gap:11px; }
 .hax-news-card-grid .hax-news-card-copy { padding:14px; gap:8px; }
 .hax-news-card-copy h3 { font-size:.94rem; }
 .hax-news-card-grid .hax-news-card-copy p { display:none; }
 .hax-news-article-shell { padding-top:17px; }
 .hax-news-article-layout { grid-template-columns:minmax(0,1fr); }
 .hax-news-sidebar { position:static; }
 .hax-news-article-header h1 { font-size:clamp(2rem,9vw,3.2rem); }
}
@media(max-width:460px) {
 .hax-news-section-head { align-items:flex-start; }
 .hax-news-section-head a { font-size:.72rem; }
 .hax-news-grid { grid-template-columns:minmax(0,1fr); }
 .hax-news-card-grid { display:grid; grid-template-columns:37% minmax(0,1fr); min-height:140px; }
 .hax-news-card-grid .hax-news-card-media { aspect-ratio:auto; min-height:140px; }
 .hax-news-card-grid .hax-news-card-copy { padding:13px; }
 .hax-news-card-grid .hax-news-card-copy p { display:block; font-size:.76rem; }
 .hax-news-origin-small { font-size:.56rem; }
 .hax-news-origin-small img { width:16px; height:16px; }
 .hax-news-article-end { flex-direction:column; }
}
@media(prefers-reduced-motion:reduce) {
 html body.hax-page-index #ecosystem .hax-editorial-feature,
 html body.hax-page-index #ecosystem .hax-editorial-feature-media img,
 html body.hax-page-index #ecosystem .hax-editorial-story,
 html body.hax-page-index #ecosystem .hax-editorial-story > img,
 .hax-news-feature,.hax-news-card,.hax-news-feature-media img,.hax-news-card-media img { transition:none !important; }
}