.activity-page { --act-ink:#f3edff; --act-muted:#c2b8d3; --act-line:#b7a2d43b; --act-panel:#1d162c; --act-input:#110c1c; --act-accent:#cfb7ff; color:var(--act-ink); padding-bottom:60px; }
html[data-faction="elyos"] .activity-page { --act-ink:#1d3c52; --act-muted:#506d80; --act-line:#678ea951; --act-panel:#f8fcffe8; --act-input:#fff; --act-accent:#1d719e; }
html[data-faction="elyos"] .activity-site .topbar nav a { color:#506d80; }
html[data-faction="elyos"] .activity-site .topbar nav [aria-current="page"],html[data-faction="elyos"] .activity-site .topbar nav a:hover { color:#193e59; }
.activity-page [hidden] { display:none !important; }
.activity-breadcrumb { display:flex; flex-wrap:wrap; gap:10px; padding:24px 0; color:var(--act-muted); font-size:12px; }
.activity-breadcrumb a { text-decoration:none; color:var(--act-accent); }
.activity-breadcrumb a:hover { text-decoration:underline; }
.activity-heading { display:flex; gap:25px; align-items:center; justify-content:space-between; padding:28px 0 24px; border-top:1px solid var(--act-line); }
.activity-heading h1 { margin:0; font:600 clamp(28px,3.6vw,46px)/1.12 Unbounded,Onest,sans-serif; letter-spacing:-.055em; }
.activity-heading p:not(.eyebrow) { max-width:730px; color:var(--act-muted); font-size:14px; margin-bottom:0; }
.activity-heading .eyebrow { color:var(--act-accent); letter-spacing:.1em; font-size:10px; }
.activity-total { flex:none; font-size:12px; border:1px solid var(--act-line); padding:8px 12px; border-radius:8px; color:var(--act-accent); }
.activity-coverage { color:var(--act-muted); font-size:12px; border-bottom:1px solid var(--act-line); padding-bottom:18px; margin-bottom:28px; }
.activity-coverage summary,.activity-source summary { cursor:pointer; width:fit-content; color:var(--act-accent); }
.activity-coverage p { max-width:950px; margin-bottom:0; }
.activity-filters { display:grid; grid-template-columns:2fr 1.4fr 1fr 1.1fr auto; gap:12px; align-items:end; padding:20px; background:var(--act-panel); border:1px solid var(--act-line); border-radius:14px; }
.activity-filters label { display:flex; flex-direction:column; gap:8px; font-size:12px; color:var(--act-muted); min-width:0; }
.activity-filters input,.activity-filters select { width:100%; min-width:0; height:44px; background:var(--act-input); color:var(--act-ink); border:1px solid var(--act-line); border-radius:7px; padding:8px 10px; font:500 14px Onest,sans-serif; }
.activity-filters input::placeholder { color:var(--act-muted); opacity:.8; }
.activity-filters button,.activity-primary { min-height:44px; border:1px solid var(--act-accent); background:var(--act-accent); color:var(--act-input); border-radius:7px; padding:10px 17px; font-weight:750; font-size:13px; text-decoration:none; }
html[data-faction="elyos"] .activity-filters button,html[data-faction="elyos"] .activity-primary { color:#fff; }
.activity-filters :disabled { opacity:.5; }
.activity-page :focus-visible { outline:2px solid var(--act-accent); outline-offset:3px; }
.activity-filter-note { color:var(--act-muted); font-size:11px; max-width:920px; margin:11px 2px 28px; }
.activity-route { margin:18px 0 25px; padding:16px 20px; border:1px solid var(--act-line); border-radius:12px; background:var(--act-panel); }
.activity-route>summary { color:var(--act-accent); cursor:pointer; font-size:14px; font-weight:700; }
.activity-route>summary>span { color:var(--act-muted); font-size:11px; font-weight:400; margin-left:12px; }
.activity-route-context,.activity-route-status,.activity-route-hint,.activity-route-note { color:var(--act-muted); font-size:12px; line-height:1.55; }
.activity-route-context { margin:17px 0 6px; }
.activity-route-status { margin:0 0 14px; }
.activity-route-hint { color:var(--act-ink); margin:17px 0; }
.activity-route-next h2 { font:700 16px/1.3 Onest,sans-serif; margin:20px 0 12px; }
.activity-route-row { display:grid; grid-template-columns:minmax(0,1fr) 190px 190px; gap:20px; width:100%; background:transparent; color:var(--act-ink); padding:14px 0; border:0; border-top:1px solid var(--act-line); text-align:left; min-height:70px; }
.activity-route-row:hover { color:var(--act-accent); }
.activity-route-name,.activity-route-gap { min-width:0; display:flex; flex-direction:column; gap:5px; }
.activity-route-name strong { font-size:14px; line-height:1.4; overflow-wrap:anywhere; }
.activity-route-name small,.activity-route-gap small { font-size:10px; color:var(--act-muted); line-height:1.5; }
.activity-route-gap span { font-size:12px; font-variant-numeric:tabular-nums; }
.activity-route-gap b { font-size:12px; font-variant-numeric:tabular-nums; font-weight:650; }
.activity-route-gap .activity-route-short { color:var(--act-accent); }
.activity-route-more { margin-top:15px; border-top:1px solid var(--act-line); padding-top:13px; }
.activity-route-more>summary { cursor:pointer; color:var(--act-accent); font-size:12px; width:fit-content; }
.activity-route-note { font-size:11px; margin-bottom:0; max-width:930px; }
.activity-route .activity-retry { margin:0 0 12px; min-height:44px; }
.activity-list-heading { display:flex; align-items:center; gap:20px; margin:25px 0 18px; }
.activity-list-heading h2 { font-size:20px; margin:0; font-weight:700; }
.activity-list-heading p { font-size:12px; color:var(--act-muted); margin:0 0 0 auto; }
.activity-list-heading button,.activity-retry { background:transparent; color:var(--act-accent); border:1px solid var(--act-line); padding:8px 12px; border-radius:7px; font-size:12px; }
.activity-columns,.activity-row { display:grid; grid-template-columns:minmax(0,1fr) 110px 125px 125px; gap:20px; align-items:center; }
.activity-columns { font-size:10px; text-transform:uppercase; letter-spacing:.09em; color:var(--act-muted); padding:0 22px 10px; }
.activity-list { border:1px solid var(--act-line); border-radius:13px; overflow:hidden; background:var(--act-panel); }
.activity-row { width:100%; color:var(--act-ink); text-align:left; background:transparent; border:0; padding:18px 22px; min-height:91px; transition:background .18s; }
.activity-row + .activity-row { border-top:1px solid var(--act-line); }
.activity-row:hover { background:color-mix(in srgb,var(--act-accent) 8%,transparent); }
.activity-row:focus-visible { outline-offset:-3px; }
.activity-row-title { display:flex; align-items:center; gap:17px; min-width:0; }
.activity-icon { object-fit:cover; flex:none; width:46px; height:46px; border-radius:5px; filter:drop-shadow(0 3px 5px #0005); }
.activity-row-title>span { min-width:0; }
.activity-row strong { font-size:15px; display:block; line-height:1.4; }
.activity-row small { display:block; font-size:11px; line-height:1.5; color:var(--act-muted); margin-top:4px; }
.activity-cell { font-size:14px; font-variant-numeric:tabular-nums; }
.activity-cell small { display:none; }
.activity-empty { padding:25px; color:var(--act-muted); font-size:14px; }
.activity-preview { width:min(670px,calc(100% - 28px)); max-height:calc(100dvh - 40px); margin:auto; padding:0; color:var(--act-ink); background:var(--act-panel); border:1px solid var(--act-line); border-radius:18px; box-shadow:0 26px 90px #0009; }
.activity-preview::backdrop { background:#090611b0; backdrop-filter:blur(8px); }
.activity-preview-toolbar { position:sticky; top:0; display:flex; justify-content:space-between; align-items:center; padding:14px 24px; background:var(--act-panel); border-bottom:1px solid var(--act-line); color:var(--act-muted); font-size:11px; z-index:1; }
.activity-preview-toolbar button { background:transparent; color:var(--act-accent); border:0; padding:5px; font-size:12px; }
.activity-card { padding:29px; }
.activity-card-heading { display:flex; gap:20px; align-items:center; margin-bottom:26px; }
.activity-card-heading .activity-icon { width:62px; height:62px; }
.activity-card-heading h1,.activity-card-heading h2 { margin:0; font:600 clamp(24px,3vw,36px)/1.18 Unbounded,Onest,sans-serif; letter-spacing:-.04em; overflow-wrap:anywhere; }
.activity-kicker { color:var(--act-accent); font-size:11px; margin:0 0 9px; }
.activity-mode { color:var(--act-muted); font-size:13px; margin:10px 0 0; }
.activity-facts { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:0; border:1px solid var(--act-line); border-radius:10px; overflow:hidden; margin:0; }
.activity-facts>div { padding:14px 17px; background:color-mix(in srgb,var(--act-input) 35%,transparent); border-bottom:1px solid var(--act-line); }
.activity-facts dt { font-size:11px; color:var(--act-muted); margin-bottom:6px; }
.activity-facts dd { margin:0; font-size:17px; font-weight:700; font-variant-numeric:tabular-nums; }
.activity-field-note { color:var(--act-muted); font-size:11px; }
.activity-detail { max-width:950px; margin:5px auto 0; border:1px solid var(--act-line); border-radius:18px; background:var(--act-panel); }
.activity-description,.activity-action { padding:24px 0; border-bottom:1px solid var(--act-line); }
.activity-description h2,.activity-action h2 { margin:0 0 12px; font-size:17px; font-weight:750; }
.activity-description p,.activity-action p { color:var(--act-muted); font-size:14px; line-height:1.7; margin:0; }
.activity-source { margin:24px 0; font-size:12px; color:var(--act-muted); }
.activity-source-facts { margin:20px 0; }
.activity-source-facts>div { display:grid; grid-template-columns:170px minmax(0,1fr); gap:15px; margin:9px 0; }
.activity-source-facts dt { color:var(--act-accent); }
.activity-source-facts dd { margin:0; overflow-wrap:anywhere; }
.activity-card-actions { display:flex; margin-top:25px; }
.activity-footer-note { color:var(--act-muted); font-size:12px; margin:30px 0 0; }
.activity-footer-note a { color:var(--act-accent); }
@media(max-width:1100px) { .activity-filters { grid-template-columns:repeat(2,minmax(0,1fr)) auto; } .activity-search { grid-column:span 2; } .activity-heading { flex-wrap:wrap; } }
@media(max-width:600px) { .topbar nav { overflow-x:auto; justify-content:start; gap:18px; padding-bottom:5px; } .topbar nav a { flex:none; } .activity-breadcrumb { padding:18px 0; } .activity-heading { padding-top:15px; gap:17px; } .activity-heading h1 { font-size:29px; } .activity-heading p:not(.eyebrow) { font-size:13px; } .activity-filters { padding:15px; grid-template-columns:repeat(2,minmax(0,1fr)); gap:13px; } .activity-filters label:nth-child(2) { grid-column:span 2; } .activity-filters button { grid-column:span 2; } .activity-list-heading { flex-wrap:wrap; gap:10px; } .activity-list-heading h2 { width:100%; } .activity-list-heading p { margin-left:0; } .activity-columns { display:none; } .activity-row { grid-template-columns:repeat(3,minmax(0,1fr)); gap:13px 8px; padding:18px; } .activity-row-title { grid-column:1/-1; gap:13px; } .activity-row strong { font-size:14px; } .activity-cell { font-size:13px; } .activity-cell small { display:block; font-size:10px; margin:0 0 2px; } .activity-card { padding:20px; } .activity-card-heading { gap:13px; } .activity-card-heading .activity-icon { width:45px; height:45px; } .activity-card-heading h1,.activity-card-heading h2 { font-size:23px; } .activity-facts>div { padding:12px; } .activity-facts dd { font-size:15px; } .activity-source-facts>div { grid-template-columns:1fr; gap:3px; } .activity-preview-toolbar { padding:13px 20px; } }
@media(prefers-reduced-motion:reduce) { .activity-row { transition:none; } }
@media(max-width:800px) { .activity-route-row { grid-template-columns:minmax(0,1fr) 145px 145px; gap:14px; } }
@media(max-width:600px) {
  .activity-route { padding:15px; }
  .activity-route>summary>span { display:block; margin:6px 0 0 16px; }
  .activity-route-row { grid-template-columns:repeat(2,minmax(0,1fr)); gap:12px; padding:16px 0; }
  .activity-route-name { grid-column:1/-1; }
  .activity-route-next h2 { font-size:15px; }
}