/* ── Sticky nav ── */
    nav.main-nav {
      position: sticky;
      top: 0;
      z-index: 1000;
      background: #fff;
      border-bottom: 1px solid var(--color-border);
    }

    /* ── Pulse headline strip ── */
    .pulse-headline-strip {
      background: #fff;
      border-bottom: 2px solid #0f172a;
      padding: 0;
      overflow: hidden;
    }
    .pulse-headline-strip .container {
      display: flex;
      align-items: stretch;
      gap: 0;
      min-height: 38px;
      max-width: 100%;
      padding: 0;
    }
    /* PULSE label — dark cockpit block matching gs3 handle aesthetic */
    .phs-label {
      display: flex;
      align-items: center;
      gap: 8px;
      padding: 0 18px;
      background: #0f172a;
      border-right: 2px solid #0f172a;
      flex-shrink: 0;
      white-space: nowrap;
    }
    .phs-label-text {
      font-family: 'Courier New', 'Courier', monospace;
      font-size: 0.6rem;
      font-weight: 800;
      letter-spacing: 0.14em;
      text-transform: uppercase;
      color: rgba(255,255,255,0.9);
    }
    .phs-pulse-dot {
      width: 6px;
      height: 6px;
      background: #22c55e;
      border-radius: 50%;
      flex-shrink: 0;
      animation: phs-blink 1.8s infinite;
    }
    @keyframes phs-blink {
      0%,100% { opacity: 1; box-shadow: 0 0 0 0 rgba(34,197,94,0.6); }
      50%      { opacity: 0.5; box-shadow: 0 0 0 4px rgba(34,197,94,0); }
    }
    /* Scrollable story list */
    .phs-stories {
      display: flex;
      align-items: stretch;
      flex: 1;
      overflow-x: auto;
      scrollbar-width: none;
    }
    .phs-stories::-webkit-scrollbar { display: none; }
    /* Individual story link */
    .phs-story-link {
      display: flex;
      align-items: center;
      gap: 8px;
      padding: 0 20px;
      border-right: 1px solid #e5e7eb;
      font-family: 'Georgia', 'Times New Roman', serif;
      font-size: 0.8rem;
      font-weight: 600;
      color: #111;
      text-decoration: none;
      white-space: nowrap;
      flex-shrink: 0;
      max-width: 340px;
      transition: background 0.12s;
      position: relative;
    }
    .phs-story-link:hover {
      background: #f8fafc;
      text-decoration: none;
    }
    /* Bottom accent on hover — runway approach line */
    .phs-story-link::after {
      content: '';
      position: absolute;
      bottom: 0; left: 0; right: 0;
      height: 2px;
      background: #0f172a;
      transform: scaleX(0);
      transform-origin: left;
      transition: transform 0.15s ease;
    }
    .phs-story-link:hover::after { transform: scaleX(1); }
    /* Story number — monospace instrument readout */
    .phs-story-num {
      font-family: 'Courier New', 'Courier', monospace;
      font-size: 0.55rem;
      font-weight: 800;
      letter-spacing: 0.1em;
      color: #9ca3af;
      flex-shrink: 0;
    }
    .phs-story-text {
      overflow: hidden;
      text-overflow: ellipsis;
    }
    /* Breaking indicator */
    .phs-breaking-dot {
      width: 5px;
      height: 5px;
      background: #dc2626;
      border-radius: 50%;
      flex-shrink: 0;
      animation: phs-blink 1s infinite;
    }
    /* Sentiment chips */
    .phs-sentiment-chip {
      font-family: 'Courier New', 'Courier', monospace;
      font-size: 0.52rem;
      font-weight: 800;
      letter-spacing: 0.07em;
      padding: 2px 5px;
      border-radius: 2px;
      flex-shrink: 0;
      text-transform: uppercase;
    }
    .phs-sentiment-chip.bullish { background: rgba(34,197,94,0.1);  color: #15803d; }
    .phs-sentiment-chip.bearish { background: rgba(220,38,38,0.1);  color: #dc2626; }
    .phs-sentiment-chip.neutral { background: rgba(156,163,175,0.12); color: #6b7280; }
    /* All Stories CTA */
    .phs-view-all {
      display: flex;
      align-items: center;
      padding: 0 18px;
      font-family: 'Courier New', 'Courier', monospace;
      font-size: 0.6rem;
      font-weight: 800;
      letter-spacing: 0.1em;
      text-transform: uppercase;
      color: #6b7280;
      text-decoration: none;
      flex-shrink: 0;
      white-space: nowrap;
      border-left: 1px solid #e5e7eb;
      transition: color 0.12s, background 0.12s;
    }
    .phs-view-all:hover { color: #fff; background: #0f172a; text-decoration: none; }

    /* ── Trending section headers (sticky) ── */
    .trending-topics-header,
    .main-feed-header,
    .more-headlines-header {
      border-bottom: 3px solid #000;
      position: sticky;
      top: 37px;
      z-index: 999;
      background-color: #fff;
      padding: 10px 10px;
      box-shadow: 0 5px 10px rgba(0,0,0,0.08);
    }

    /* ── Header layout ── */
    .main-header .header-content { display:flex; align-items:center; justify-content:space-between; gap:16px; }
    .header-date { color:#444; font:500 14px/1 'Inter',system-ui; white-space:nowrap; }
    .header-search { flex:0 0 auto; min-width:0; max-width:360px; width:100%; box-sizing:border-box; }
    .gs-search-form { display:flex; align-items:center; gap:8px; height:38px; padding:0 8px 0 6px; border:1px solid #e4e7ec; border-radius:10px; background:#f6f7f9; width:100%; box-sizing:border-box; }
    .gs-search-submit { display:inline-flex; align-items:center; justify-content:center; width:32px; height:32px; border:0; background:transparent; color:#222; cursor:pointer; }
    .gs-search-submit svg { width:18px; height:18px; display:block; }
    .gs-search-input { flex:1; border:0; outline:0; background:transparent; color:#111; font:500 14px/1.2 'Inter',system-ui; }
    @media (max-width:768px) {
      /* Hide desktop-only header elements */
      .header-date { display:none; }
      .main-header { display:none; }          /* whole logo+search bar hidden on mobile */
      .pulse-headline-strip { display: none; }
    }

    /* ── Tablet nav tweaks (769–1100px) ── */
    @media (min-width:769px) and (max-width:1100px) {
      /* Keep everything on one row, just tighter */
      .nav-list { flex-wrap: nowrap; }
      .nav-left-group { gap: 0; flex-shrink: 1; }
      .nav-left-group li a { padding: 10px 7px; font-size: 0.78rem; }
      .nav-right-group { flex-shrink: 0; flex-wrap: nowrap; gap: 2px; }
      /* Shorten sentiment label — just show the score value */
      .nav-sentiment > span:first-child { display: none; } /* hide "24H Sentiment:" label text */
    }

    /* ── Drawer (slide-in menu) ── */
    .gs-toggle { position:absolute; left:-9999px; top:-9999px; }
    .gs-drawer { position:fixed; inset:0 0 0 auto; width:280px; max-width:85vw; background:#fff; border-left:1px solid var(--color-border); transform:translateX(100%); transition:transform .25s ease; z-index:1200; padding:14px; display:flex; flex-direction:column; gap:6px; }
    #gsMenuToggle:checked ~ .gs-drawer { transform:translateX(0); }
    .gs-drawer-backdrop { position:fixed; inset:0; background:rgba(0,0,0,.25); opacity:0; pointer-events:none; transition:opacity .25s ease; z-index:1100; }
    #gsMenuToggle:checked ~ .gs-drawer-backdrop { opacity:1; pointer-events:auto; }
    .gs-drawer ul { list-style:none; margin:0; padding:0; }
    .gs-drawer li a { display:block; padding:10px 8px; border-radius:8px; color:var(--color-text); font-weight:700; text-transform:uppercase; font-size:.9rem; }
    .gs-drawer li a:hover { background:var(--color-bg-alt); text-decoration:none; }
    .gs-drawer .gs-subhead { margin:10px 0 4px; font-weight:800; font-size:.75rem; color:var(--color-text-muted); text-transform:uppercase; }

    /* ── Mobile nav bar (replaces header + desktop nav on small screens) ── */
    .gs-mobile-bar { display:none; }
    @media (max-width:768px) {
      nav.main-nav { display:none; }           /* hide desktop nav entirely */
      .trending-topics-header, .main-feed-header, .more-headlines-header { top: 0; }
      .container { padding: 0 8px; }

      /* The mobile bar IS the sticky top bar */
      .gs-mobile-bar {
        display: flex;
        align-items: center;
        position: sticky;
        top: 0;
        z-index: 1100;
        background: #fff;
        border-bottom: 1px solid #e5e7eb;
        box-shadow: 0 1px 6px rgba(0,0,0,0.06);
        padding: 0 12px;
        height: 40px;
        gap: 10px;
      }
      /* Logo inside mobile bar */
      .gs-mobile-logo {
        display: flex;
        align-items: center;
        flex: 1;
        min-width: 0;
        text-decoration: none;
      }
      .gs-mobile-logo img { height: 26px; width: auto; display: block; flex-shrink: 0; }

      /* Search is in the drawer — hide mobile search bar */
      .gs-mobile-search { display: none; }

      /* Sentiment pill */
      .gs-mobile-sentiment {
        flex-shrink: 0;
        font: 700 0.65rem/1 'Courier New',monospace;
        letter-spacing: 0.05em;
        text-transform: uppercase;
        padding: 4px 8px;
        border-radius: 20px;
        background: #f3f4f6;
        white-space: nowrap;
      }

      /* Hamburger button — clean, no border box */
      .gs-icon-btn {
        appearance: none;
        border: none;
        background: transparent;
        color: #111;
        padding: 6px;
        border-radius: 8px;
        display: inline-flex;
        align-items: center;
        cursor: pointer;
        flex-shrink: 0;
      }
      .gs-icon-btn svg { width: 22px; height: 22px; display: block; }
      .gs-icon-btn span { display: none; } /* hide "Menu" / "Close" text */
    }

    /* ── Logo ── */
    .logo { text-decoration:none; display:inline-flex; align-items:baseline; gap:0; }
    .logo-tagline { font-size:0.75rem; font-weight:600; color:#555; font-family:'Inter',system-ui; margin-left:12px; line-height:1; }
    @media (max-width:768px) { .logo-tagline { display:none; } }
    .secondary-story .story-meta { margin-top:0; }
  
.gs-apps{display:inline-flex;align-items:center;flex-shrink:0}