body { margin: 0; background: #666; font-family: Arial, Helvetica, Verdana, sans-serif; font-size: 14px; line-height: 1.5; color: #333; }
        #container-header, #container-content, #container-footer { max-width: 1000px; margin: 0 auto; background: #fff; padding: 20px; }
        header { border-bottom: 2px solid #9fd801; margin-bottom: 20px; }
        nav ul { display: flex; list-style: none; padding: 0; gap: 20px; }
        nav a { text-decoration: none; color: #e57921; font-weight: bold; }
        .hero { background: #363636; color: #fff; padding: 40px; text-align: center; border-radius: 8px; margin-bottom: 20px; }
        .content-buybox.horizontal { background: linear-gradient(to bottom, #666 0, #010101 100%); color: #fff; padding: 15px; text-align: center; border-bottom: 1px solid #fff; }
        .content-buybox.horizontal a { color: #9fd801; }
        footer { margin-top: 40px; text-align: center; font-size: 12px; color: #999; border-top: 1px solid #ccc; padding-top: 20px; }
        @media (min-width: 768px) { .container { display: flex; gap: 20px; } }
        /* CSS Bullet replacement */
        .bullet-lime::before { content: "●"; color: #9fd801; margin-right: 8px; }