/* ======= Reuse landing page theme (from index.php) ======= */
    :root {
      --lp-bg:#0b0f0c; --lp-card:#121717; --lp-ink:#eaf2ee; --lp-ink-dim:#9ab3a5;
      --lp-accent:#3be477; --lp-accent-2:#1fbf81; --lp-line:rgba(255,255,255,.06);
      --lp-glow:rgba(59,228,119,.25); --lp-max:1200px;
    }
    .lp{font-family:Inter,system-ui,-apple-system,Segoe UI,Roboto,sans-serif;color:var(--lp-ink);background:#060907}
    .lp a{color:var(--lp-accent);text-decoration:none}
    .lp .wrap{max-width:var(--lp-max);margin:0 auto;padding:0 24px}
    main.wrap {
      padding: 20px 24px 60px;
    }
    .lp .cta{display:inline-flex;align-items:center;gap:10px;padding:14px 20px;border-radius:12px;font-weight:700;letter-spacing:.2px}
    .lp .cta--primary{background:linear-gradient(135deg,var(--lp-accent),var(--lp-accent-2));color:#071109;box-shadow:0 10px 30px var(--lp-glow)}
    .lp .cta--ghost{color:var(--lp-ink);border:1px solid var(--lp-line);background:transparent}
    .lp .pill{display:inline-block;border:1px solid var(--lp-line);color:var(--lp-ink-dim);padding:6px 10px;border-radius:999px;font-size:12px;letter-spacing:.3px;text-transform:uppercase}
    .lp-header{position:sticky;top:0;z-index:50;backdrop-filter:blur(8px);background:linear-gradient(180deg,rgba(6,9,7,.85),rgba(6,9,7,.65) 60%,rgba(6,9,7,0));border-bottom:1px solid var(--lp-line)}
    .lp-header .inner{display:flex;align-items:center;justify-content:space-between;height:64px}
    .lp-logo{display:flex;align-items:center;gap:10px;font-weight:800;letter-spacing:.3px}
    .lp-logo img{border-radius:10px;padding:5px;background:#151c1f}

    /* ======= Archive-specific layer (scoped) ======= */
    .ar-hero {
      padding: 90px 0 48px;
      background:
        radial-gradient(1200px 600px at 30% -10%, rgba(59,228,119,.10), rgba(6,9,7,0) 60%),
        linear-gradient(180deg,#07110a,#060907 40%,#060907);
      border-bottom: 1px solid var(--lp-line);
      position: relative;
    }

    .ar-hero::after {
      content: "";
      position: absolute;
      inset: 0;
      background: url('assets/bg/chart-lines.svg') center 40%/contain no-repeat;
      opacity: 0.6;
      pointer-events: none;
    }

    .ar-hero h1 {
      font-size: clamp(32px, 4vw, 56px);
      font-weight: 700;
      letter-spacing: -0.3px;
      line-height: 1.1;
      margin: 0 0 18px;
      color: var(--lp-accent);
    }

    .ar-hero .ar-date-line {
      color: var(--lp-ink);
      font-weight: 600;
    }

    .ar-hero .ar-subhead {
      max-width: 520px;
      color: var(--lp-ink-dim);
      font-size: 18px;
      line-height: 1.5;
      margin: 0;
    }
    .ar-meta{display:flex;gap:10px;align-items:center;margin-top:10px}
    .ar-date{border:1px solid var(--lp-line);border-radius:10px;padding:6px 10px;color:var(--lp-ink-dim)}
    .ar-cards{display:grid;grid-template-columns:repeat(4,1fr);gap:12px;margin:18px 0 26px}
    .ar-card{background:linear-gradient(180deg,#0f1513,#0c1210);border:1px solid var(--lp-line);border-radius:12px;padding:14px 16px;box-shadow:0 10px 30px rgba(0,0,0,.35)}
    .ar-card .k{font-size:12px;color:var(--lp-ink-dim);text-transform:uppercase;letter-spacing:.5px}
    .ar-card .v{font-size:28px;margin-top:6px}
    .ar-panel{border:1px solid var(--lp-line);border-radius:12px;padding:14px 16px;margin:12px 0;background:linear-gradient(180deg,#0f1513,#0b100e)}
    .ar-panel h2{margin:0 0 8px;font-size:18px;color:var(--lp-accent)}
    .ar-sub{color:var(--lp-ink-dim);font-size:13px;margin-top:-2px;margin-bottom: 10px}

    /* Sector bars */
    .ar-sectors{display:flex;flex-direction:column;gap:12px;margin-top:6px}
    .ar-sector{display:flex;flex-direction:column;gap:6px}
    .ar-sector .row{display:flex;justify-content:space-between;color:var(--lp-ink-dim);font-size:14px}
    .ar-bar{height:10px;border:1px solid var(--lp-line);border-radius:999px;overflow:hidden;background:rgba(59,228,119,.08)}
    .ar-bar > span{display:block;height:100%;width:var(--w,0%);background:linear-gradient(90deg,var(--lp-accent),var(--lp-accent-2));box-shadow:0 0 10px rgba(59,228,119,.35) inset;transition:width .4s ease}

    /* Grid (Top movers + News) */
    .ar-grid{display:grid;grid-template-columns:1.3fr .7fr;gap:12px}
    @media (max-width:960px){.ar-cards{grid-template-columns:repeat(2,1fr)}.ar-grid{grid-template-columns:1fr}}
    @media (max-width:560px){.ar-cards{grid-template-columns:1fr}}

    .ar-movers .row{display:grid;grid-template-columns:repeat(3,1fr);gap:10px}
    @media (max-width:780px){.ar-movers .row{grid-template-columns:1fr 1fr}}
    .mover{display:flex;align-items:center;gap:10px;padding:10px 12px;border:1px solid var(--lp-line);border-radius:12px;background:#0e1412}
    .mover .avatar{width:28px;height:28px;border-radius:50%;border:1px solid var(--lp-line);background:#0b1010;overflow:hidden;display:inline-flex;align-items:center;justify-content:center}
    .mover .avatar img{width:100%;height:100%;object-fit:contain}
    .mover .sym{font-weight:700}
    .mover .chg{margin-left:auto}
    .mover .chg.pos{color:var(--lp-accent)}
    .mover .chg.neg{color:#ff5c5c}

    .ar-news ul{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:8px}
    .ar-news a{color:#9be7c4}
    .ar-news a:hover{text-decoration:underline}

    /* Table */
    .ar-table-wrap{overflow:auto;border-radius:12px;margin-top:6px}
    table.ar{width:100%;border-collapse:separate;border-spacing:0}
    table.ar thead th{position:sticky;top:0;background:#0f1513cc;backdrop-filter:blur(4px);text-align:left;padding:10px 12px;border-bottom:1px solid var(--lp-line);font-size:12px;color:var(--lp-ink-dim)}
    table.ar tbody td{padding:10px 12px;border-bottom:1px solid var(--lp-line);font-variant-numeric:tabular-nums}
    table.ar tbody tr:hover{background:#0f1513}
    .cell-sym{display:flex;align-items:center;gap:8px}
    .cell-sym .s-ava{width:22px;height:22px;border-radius:50%;border:1px solid var(--lp-line);background:#0c1210;overflow:hidden;display:inline-flex;align-items:center;justify-content:center}
    .cell-sym .s-ava img{width:100%;height:100%;object-fit:contain}
    .cell-sym a{color:#c9f7e4;text-decoration:none}
    .cell-sym a:hover{text-decoration:underline}

    .footer-links {
        padding: 0 24px;
      }

    /* Avatar/ticker badge fallback */
    .s-ava, .avatar{
      position: relative;
      display:inline-flex; align-items:center; justify-content:center;
      width:22px; height:22px; border-radius:50%;
      border:1px solid var(--lp-line); background:#0c1210; overflow:hidden;
      font-weight:700; font-size:11px; color:#cfeadd; text-transform:uppercase;
    }
    .avatar{ width:28px; height:28px } /* used in Top Movers */

    .s-ava img, .avatar img{display:block; width:100%; height:100%; object-fit:contain}

    /* When no image, show the ticker from data attribute */
    .s-ava.noimg::after, .avatar.noimg::after{
      content: attr(data-ticker);
      position:absolute; inset:0;
      display:flex; align-items:center; justify-content:center;
      letter-spacing:.3px;
    }

    /* CTA footer */
    .ar-cta{display:flex;align-items:center;justify-content:space-between;gap:12px;margin:22px 0}
    @media (max-width:640px){.ar-cta{flex-direction:column;align-items:flex-start}}
    .ar-cta p{margin:0;color:var(--lp-ink-dim)}

    .ar td.news a {
      display: -webkit-box;
      -webkit-line-clamp: 2;           /* limit to two lines */
      -webkit-box-orient: vertical;
      overflow: hidden;
      text-overflow: ellipsis;
      max-width: 420px;                /* adjust to your table width */
      white-space: normal;
      line-height: 1.35;
    }

    /* Responsive */
    @media (max-width: 980px) {

      .lp .wrap{padding:0 10px;}
      main.wrap {
        padding-left: 10px;
        padding-right: 10px;
      }

      .lp-hero .grid, .lp-row { grid-template-columns: 1fr; }
      .lp nav .pill {
        display: none;
      }
      .lp nav .cta {
        font-size: 0.7em;
        padding: 10px 14px;
      }
      .footer-links {
        padding: 0 10px;
      }
      /* ======= Archive-specific layer (scoped) ======= */
    .ar-hero {
      padding: 90px 0 48px;
      background:
        radial-gradient(1200px 600px at 30% -10%, rgba(59,228,119,.10), rgba(6,9,7,0) 60%),
        linear-gradient(180deg,#07110a,#060907 40%,#060907);
      border-bottom: 1px solid var(--lp-line);
      position: relative;
    }

    .ar-hero::after {
      content: "";
      position: absolute;
      inset: 0;
      background: url('assets/bg/chart-lines.svg') center 40%/contain no-repeat;
      opacity: 0.6;
      pointer-events: none;
    }

    .ar-hero h1 {
      font-size: clamp(32px, 4vw, 56px);
      font-weight: 700;
      letter-spacing: -0.3px;
      line-height: 1.1;
      margin: 0 0 18px;
      color: var(--lp-accent);
    }

    .ar-hero .ar-date-line {
      color: var(--lp-ink);
      font-weight: 600;
    }

    .ar-hero .ar-subhead {
      max-width: 520px;
      color: var(--lp-ink-dim);
      font-size: 18px;
      line-height: 1.5;
      margin: 0;
    }
    .ar-meta{display:flex;gap:10px;align-items:center;margin-top:10px}
    .ar-date{border:1px solid var(--lp-line);border-radius:10px;padding:6px 10px;color:var(--lp-ink-dim)}
    .ar-cards{display:grid;grid-template-columns:repeat(4,1fr);gap:12px;margin:18px 0 26px}
    .ar-card{background:linear-gradient(180deg,#0f1513,#0c1210);border:1px solid var(--lp-line);border-radius:12px;padding:14px 16px;box-shadow:0 10px 30px rgba(0,0,0,.35)}
    .ar-card .k{font-size:12px;color:var(--lp-ink-dim);text-transform:uppercase;letter-spacing:.5px}
    .ar-card .v{font-size:28px;margin-top:6px}
    .ar-panel{border:1px solid var(--lp-line);border-radius:12px;padding:14px 16px;margin:12px 0;background:linear-gradient(180deg,#0f1513,#0b100e)}
    .ar-panel h2{margin:0 0 8px;font-size:18px;color:var(--lp-accent)}
    .ar-sub{color:var(--lp-ink-dim);font-size:13px;margin-top:-2px;margin-bottom: 10px}

    /* Sector bars */
    .ar-sectors{display:flex;flex-direction:column;gap:12px;margin-top:6px}
    .ar-sector{display:flex;flex-direction:column;gap:6px}
    .ar-sector .row{display:flex;justify-content:space-between;color:var(--lp-ink-dim);font-size:14px}
    .ar-bar{height:10px;border:1px solid var(--lp-line);border-radius:999px;overflow:hidden;background:rgba(59,228,119,.08)}
    .ar-bar > span{display:block;height:100%;width:var(--w,0%);background:linear-gradient(90deg,var(--lp-accent),var(--lp-accent-2));box-shadow:0 0 10px rgba(59,228,119,.35) inset;transition:width .4s ease}

    /* Grid (Top movers + News) */
    .ar-grid{display:grid;grid-template-columns:1.3fr .7fr;gap:12px}
    @media (max-width:960px){.ar-cards{grid-template-columns:repeat(2,1fr)}.ar-grid{grid-template-columns:1fr}}
    @media (max-width:560px){.ar-cards{grid-template-columns:1fr}}

    .ar-movers .row{display:grid;grid-template-columns:repeat(3,1fr);gap:10px}
    @media (max-width:780px){.ar-movers .row{grid-template-columns:1fr 1fr}}
    .mover{display:flex;align-items:center;gap:10px;padding:10px 12px;border:1px solid var(--lp-line);border-radius:12px;background:#0e1412}
    .mover .avatar{width:28px;height:28px;border-radius:50%;border:1px solid var(--lp-line);background:#0b1010;overflow:hidden;display:inline-flex;align-items:center;justify-content:center}
    .mover .avatar img{width:100%;height:100%;object-fit:contain}
    .mover .sym{font-weight:700}
    .mover .chg{margin-left:auto}
    .mover .chg.pos{color:var(--lp-accent)}
    .mover .chg.neg{color:#ff5c5c}

    .ar-news ul{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:8px}
    .ar-news a{color:#9be7c4}
    .ar-news a:hover{text-decoration:underline}

    /* Table */
    .ar-table-wrap{overflow:auto;border-radius:12px;margin-top:6px}
    table.ar{width:100%;border-collapse:separate;border-spacing:0}
    table.ar thead th{position:sticky;top:0;background:#0f1513cc;backdrop-filter:blur(4px);text-align:left;padding:10px 12px;border-bottom:1px solid var(--lp-line);font-size:12px;color:var(--lp-ink-dim)}
    table.ar tbody td{padding:10px 12px;border-bottom:1px solid var(--lp-line);font-variant-numeric:tabular-nums}
    table.ar tbody tr:hover{background:#0f1513}
    .cell-sym{display:flex;align-items:center;gap:8px}
    .cell-sym .s-ava{width:22px;height:22px;border-radius:50%;border:1px solid var(--lp-line);background:#0c1210;overflow:hidden;display:inline-flex;align-items:center;justify-content:center}
    .cell-sym .s-ava img{width:100%;height:100%;object-fit:contain}
    .cell-sym a{color:#c9f7e4;text-decoration:none}
    .cell-sym a:hover{text-decoration:underline}