div#vote2026-icon {
    position: fixed;
    bottom: 0;
    right: 0;
    padding: 16px;
    font-size: xx-large;
    cursor: pointer;
}

div#vote2026 h2{    
  font-size: 1.5em;
  line-height: 1.5em;
  font-weight:bold;
  margin-bottom: .5em;
}
div#vote2026 p{
  text-align: left;
}

  .vote-overlay {
    position: fixed;
    inset: 0;
    background: rgba(0,0,0,0.5);
    display: flex;
    justify-content: center;
    align-items: center;
    z-index: 9999;

    /* Fluid padding so it adapts on tiny screens */
    padding: clamp(10px, 4vw, 30px);
  }

  .popup-box {
    background: rgba(0,0,0,0.5);
    padding: clamp(16px, 4vw, 28px);

    /* Fluid width: scales from small phones to desktops */
    width: min(90%, 420px);

    border-radius: 12px;
    text-align: center;
    box-shadow: 0 8px 25px rgba(0,0,0,0.25);
    animation: popIn 0.3s ease;
  }

  @keyframes popIn {
    from { transform: scale(0.85); opacity: 0; }
    to { transform: scale(1); opacity: 1; }
  }

  .popup-actions {
    margin-top: clamp(16px, 3vw, 24px);
    display: flex;
    flex-direction: column;
    gap: clamp(10px, 3vw, 16px);
  }

  .btn {
    padding: clamp(12px, 3vw, 16px);
    border-radius: 10px;
    border: none;
    cursor: pointer;

    /* Fluid font size */
    font-size: clamp(15px, 3.5vw, 18px);
  }

  .vote-btn {
    background: #0077ff;
    color: white;
    text-decoration: none;
  }

  .later-btn {
    background: #ddd;
  }

  .done-btn {
    background: #4caf50;
    color: white;
  }

  .voted-mark {
    margin-top: clamp(12px, 3vw, 18px);
    font-weight: bold;
    color: #4caf50;
    font-size: clamp(14px, 3.5vw, 17px);